← 返回 Skills 市场
106
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install 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...
安全使用建议
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.
功能分析
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.
能力标签
能力评估
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.
如何使用
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install popular-web-designs - 安装完成后,直接呼叫该 Skill 的名称或使用
/popular-web-designs触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
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.
元数据
常见问题
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... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 106 次。
如何安装 Popular Web Designs?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install popular-web-designs」即可一键安装,无需额外配置。
Popular Web Designs 是免费的吗?
是的,Popular Web Designs 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。
Popular Web Designs 支持哪些平台?
Popular Web Designs 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 Popular Web Designs?
由 Maya Tao(@minirr890112-byte)开发并维护,当前版本 v1.0.0。
推荐 Skills