← Back to Skills Marketplace
minirr890112-byte

Popular Web Designs

by Maya Tao · GitHub ↗ · v1.0.0 · MIT-0
cross-platform ✓ Security Clean
106
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install popular-web-designs
Description
54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe...
Usage Guidance
This skill appears coherent and low-risk from a security/privilege perspective because it is a collection of design templates with no installs or credential requests. Before installing or using it, consider: 1) Operational exposure — the SKILL.md recommends serving generated pages via a cloudflared tunnel (generative-widgets); that will expose content to the network if you run it, so avoid serving private or sensitive data and review permissions for the service you use. 2) Intellectual property — templates explicitly emulate the visual identity of real companies; ensure you have the right to reproduce or publish look-alike pages (legal/risk concern, not a technical inconsistency). 3) External dependencies — templates include Google Fonts CDN links; if you require fully offline output, substitute or self-host fonts. If you want higher assurance, ask the author for provenance (source of templates and license) and a minimal example run to confirm the serving workflow and any external endpoints used.
Capability Analysis
Type: OpenClaw Skill Name: popular-web-designs Version: 1.0.0 The 'popular-web-designs' skill bundle is a comprehensive library of design tokens and implementation guides for 54 real-world websites. The instructions in SKILL.md and the individual templates (such as templates/stripe.md and templates/vercel.md) are strictly focused on typography, color palettes, and CSS layout rules to assist an AI agent in generating high-quality HTML. The workflow correctly utilizes standard agent tools like write_file and browser_vision for its stated purpose. No indicators of data exfiltration, malicious execution, or harmful prompt injection were found across any of the analyzed files.
Capability Tags
cryptocan-make-purchases
Capability Assessment
Purpose & Capability
Name/description (design templates) align with the provided assets: 54 markdown design templates and a SKILL.md that explains how to load and apply them. There are no unrelated environment variables, binaries, or installs requested.
Instruction Scope
SKILL.md instructs the agent to load templates, use write_file to create HTML, serve via the generative-widgets/cloudflared workflow, and verify with browser_vision. Those instructions are coherent for generating and previewing pages, but serving via a tunnel can expose generated pages publicly—users should be aware of operational exposure when following that part of the workflow.
Install Mechanism
No install spec or code is present. This is instruction-only (markdown templates), so nothing is written to disk by an installer and nothing is downloaded or executed automatically by the skill itself.
Credentials
The skill declares no required environment variables, credentials, or config paths. The SKILL.md references external CDNs (Google Fonts) for font links, which is expected for visual templates and proportional to purpose.
Persistence & Privilege
The skill does not request always:true, does not modify other skills, and does not require persistent privileges. It is user-invocable and may be invoked autonomously by the agent (platform default), which is expected behavior for skills.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install popular-web-designs
  3. After installation, invoke the skill by name or use /popular-web-designs
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
- Initial release providing 54 production-quality design system templates from popular real-world websites. - Instantly generate HTML/CSS matching sites like Stripe, Linear, Vercel, Notion, Airbnb, and more, including matching color, typography, component, and layout systems. - Each template includes font substitutions (with Google Fonts links), CSS values, and guidance for replicating the site's visual identity. - Includes detailed usage instructions, best practices for HTML generation, and pairing recommendations (e.g. with generative-widgets for live preview). - Catalog organized by industry (AI, developer tools, cloud, design, fintech), making it easy to find the right aesthetic.
Metadata
Slug popular-web-designs
Version 1.0.0
License MIT-0
All-time Installs 0
Active Installs 0
Total Versions 1
Frequently Asked Questions

What is Popular Web Designs?

54 production-quality design systems extracted from real websites. Load a template to generate HTML/CSS that matches the visual identity of sites like Stripe... It is an AI Agent Skill for Claude Code / OpenClaw, with 106 downloads so far.

How do I install Popular Web Designs?

Run "/install popular-web-designs" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is Popular Web Designs free?

Yes, Popular Web Designs is completely free, licensed under MIT-0. You can download, install and use it at no cost.

Which platforms does Popular Web Designs support?

Popular Web Designs is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created Popular Web Designs?

It is built and maintained by Maya Tao (@minirr890112-byte); the current version is v1.0.0.

💬 Comments