SuperAPI AI 工具集

design-md

设计与创作

查看项目

更新于 10-16 09:50

技能介绍

用途:将现成品牌的 DESIGN.md 载入项目,让 Claude 能依据完整设计系统生成统一的品牌风格界面,无需 Figma 导出或抓取。

主要能力:从 awesome-design-md 集合获取 73 个品牌的 DESIGN.md。每个文件用纯 Markdown 记录该品牌的设计系统,包括视觉氛围、配色及角色、字体层级、组件样式(按钮、卡片、输入框)、间距尺度、阴影/层级系统、使用与禁用规则、响应式断点,以及面向 AI 智能体的提示词。覆盖 AI 与 LLM 平台、开发工具、后端与数据库、DevOps、生产力 SaaS、设计工具、金融科技与加密、电商零售、媒体与消费科技、汽车等类别,例如 Claude、Cohere、Cursor、Supabase、Linear、Notion、Figma、Vercel、Stripe、Airbnb、Apple、Nvidia、Tesla、BMW 等。

使用方式:第 1 步,用 npx getdesign@latest add <brand-slug> 获取 DESIGN.md,品牌 slug 为仓库中的小写文件夹名,例如 linear.app、stripe、notion;命令会在当前目录生成 DESIGN.md。第 2 步,用 Read 工具读取项目根目录的 DESIGN.md 以载入上下文。第 3 步,在构建 UI 时引用该文件,如“Build a pricing page using the design system in DESIGN.md”,文件内已含常用页面的智能体提示词可直接使用。第 4 步,构建后用 /impeccable audit 检查反模式,并用前端设计技能的对比流程验证还原度。

适用场景:用户指定某品牌作为视觉参考、想复刻或匹配已知产品的设计语言、或需要高质量起点而不想从零设计。若品牌不在集合中可改用 /skillui 实时抓取;无品牌参考可用 ui-ux-pro-max --design-system;需逆向分析站点用 /site-teardown;审查润色已有前端用 /impeccable。

限制:不提供 API 密钥需求,npx getdesign@latest 为公开 CLI;集合维护活跃,源码见 GitHub。官方资料未提供价格、收费、平台支持范围、许可细节及实际效果数据,暂未提供。