SuperAPI AI 工具集

popular-web-designs

前端与建站

查看项目

更新于 10-16 07:15

技能介绍

用途:为生成 HTML/CSS 提供真实品牌视觉语言。每个模板包含配色、字体层级、组件样式、间距系统、阴影、响应式行为及带具体 CSS 值的提示。

主要能力:覆盖 AI、开发者工具、云基础设施、设计生产力、金融加密、企业消费等类别的 54 个站点模板;含字体替换参考表(如 Stripe 的 sohne-var 用 Source Sans 3,Circular 用 DM Sans)。

使用方式:先选定模板,用 skill_view(name="popular-web-designs", file_path="templates/<site>.md") 加载;模板顶部有 Hermes Implementation Notes,含 CDN 字体替代、Google Fonts link 标签、font-family 栈,以及用 write_file 创建 HTML、browser_vision 验证的提醒;用设计令牌与组件规范生成 HTML,可配合 generative-widgets 经 cloudflared tunnel 部署并验证。

适用场景:开发者工具/仪表盘、文档内容站、营销落地页、深色 UI、浅色干净 UI、俏皮风格、高端质感、数据密集、等宽终端风格。

限制:模板为设计规范而非完整成品代码;多数原站字体为专有字体,需用替代字体并遵循模板的字重、字号与字距;官方未说明价格、许可与平台支持,暂未提供。