SuperAPI AI 工具集

byted-util-getdesign-md

设计与创作

查看项目

更新于 10-15 17:30

技能介绍

用途:为前端项目快速引入成熟品牌的设计系统风格。该技能从 getdesign.md 下载对应品牌的 DESIGN.md 设计规范文档,覆盖 60+ 知名品牌,内含颜色、字体、间距、组件风格等规范,下载后可放入项目根目录作为开发参考。

主要能力:按品牌名称获取设计系统文档,例如 stripe、apple、linear、nike、airbnb 等,关键字均为小写;也可先列出全部可用设计系统再选择。

使用方式:无需安装,通过 npx 直接使用。查看帮助:npx getdesign@latest --help;列出所有可用设计系统:npx getdesign@latest list;下载指定品牌到当前目录,如 npx getdesign@latest add stripe。

工作流程建议:先确认项目目标与用户群体,选择合适风格;下载 DESIGN.md 到项目根目录;阅读其中的颜色、字体、间距与组件规范;再将其转化为 TailwindCSS 配置或 CSS 变量指导开发。

限制与注意:DESIGN.md 会下载到当前工作目录,若项目已有同名文件将被覆盖;可依项目需要自行定制修改;建议置于项目根目录便于团队参考。收费、价格、平台支持范围及其他细节暂未提供。