用途：该技能提供 54 个真实网站设计系统的参考规格，用于生成 HTML/CSS 时对齐配色、排版、组件、间距、阴影与响应式表现，并附带含精确 CSS 值的智能体提示。它属于参考规格，非专有生产组件源码；若用户要求“使用真实组件”或“获取源码”，不应把这些模板当作源码组件，可另行导入真正的开源或项目本地组件并明确区分。
主要能力：每个模板包含完整视觉语言与顶部 Hermes 实现说明，含 CDN 字体替代与 Google Fonts <link> 标签、主字体与等宽字体 CSS 栈，以及使用 write_file 创建 HTML、用 browser_vision 验证的提醒。目录覆盖 AI 与机器学习（claude、cohere、elevenlabs、mistral.ai、ollama、x.ai 等）、开发者工具（cursor、linear.app、vercel、supabase、raycast 等）、基础设施与云（stripe、hashicorp、mongodb、sanity 等）、设计与效率（figma、framer、notion、pinterest、webflow 等）、金融与加密（coinbase、kraken、revolut、wise）、企业与消费（apple、airbnb、bmw、ibm、nvidia、spacex、spotify、uber）。
使用方式：从目录选设计，执行 skill_view(name="popular-web-designs", file_path="templates/<site>.md") 加载，按模板 token 与组件规格生成 HTML；可搭配 generative-widgets 通过 cloudflared tunnel 提供服务，用 write_file 写文件、browser_vision 校验。字体替代映射如 Geist→Geist、sohne-var→Source Sans 3、Circular→DM Sans 等；替代时需严格遵循原模板的字重、字号与字距。选型可按内容匹配：文档站、营销页、深色 UI、浅色 UI、活泼风、高级感、数据密集、等宽终端风等。
限制：仅为参考规格而非生产组件源码；原站专有字体多需 CDN 替代，可能带来视觉差异；具体收费、价格、平台与完整使用步骤资料暂未提供。