用途:为 Claude Code 提供品牌风格的 HTML 设计参考,用户用自然语言提及品牌即可让 Claude 读取对应参考页并套用真实设计令牌(颜色、字体、圆角、间距)。
主要能力:包含两个库——网页(93 个品牌,如 Linear、Stripe、Cursor、Apple、Tesla)与 iOS(22 个应用,如 Spotify、Instagram、Duolingo、ChatGPT);另含 22 个中国品牌(飞书、抖音、阿里云、微信等)。每个参考文件是单文件 HTML,内联全部 CSS、字体与设计令牌。
使用方式:安装后技能自动加载,无需命令,直接自然语言描述即可,例如“Make a Linear-style product page for a task manager”“飞书风的团队协作页面”。安装可用 AI 原生方式(在 Claude Code 会话中粘贴仓库地址请求安装)、手动 git clone 或下载 Release 解压。文件位于 assets/web/design.[brand].html 与 assets/ios/design.[brand]-ios.html。
适用场景:快速生成品牌风格的营销页、定价表、着陆页与 iOS 应用界面稿;支持混合多品牌令牌、在参考上自定义、响应式布局,也可直接打开 HTML 文件本地修改。
限制:需使用准确品牌名;字体经 CDN 加载,网络不通时回退系统字体;iOS 稿采用固定 iPhone 尺寸(375×812)。具体收费与价格资料暂未提供。