SuperAPI AI 工具集

forge-design

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:FORGE 是一个设计系统生成与执行工具,输入品牌色和项目类型两项即可生成完整设计基础,并让 AI 依据项目自身的设计语言检查代码,而非凭感觉判断设计好坏。

主要能力:运行 /forge-init 在项目根目录创建 .forge.json,作为唯一事实来源,所有 FORGE 命令都读取它。修改 brand 字段后运行 /forge-update 会重算整个系统。调色板算法将输入十六进制色转为 HSL 并映射到 500 档,生成 50 至 950 共 11 档;浅色档提高亮度并按比例降低饱和度,深色档降低亮度并略微向蓝色偏移色相,50 与 950 均非纯白或纯黑。项目类型配置包括 SaaS、Portfolio、E-commerce、Docs,各自定义字号比例、字体搭配、表面色、圆角与密度。语义令牌引用调色板档位而非原始十六进制值,涵盖 surface、surface-elevated、surface-sunken、text、text-secondary、text-muted、border、border-strong、accent、accent-hover、danger、danger-subtle、success、success-subtle。间距基准 4px,刻度为 4、8、12、16、20、24、32、40、48、64、80、96、128,代码中所有 padding、margin、gap 必须取自该刻度。阴影带品牌色相而非灰色,分 sm、md、lg、xl、2xl 五级。导出格式有五种:CSS 自定义属性、Tailwind 配置、SCSS 变量与 mixin、W3C Design Tokens JSON、Figma 兼容令牌文件。

使用方式:每个前端任务按协议执行——检查 .forge.json 是否存在,不存在则提示运行 /forge-init;写 CSS 前先读取系统;仅使用系统令牌,不用原始十六进制值和任意间距;运行 /forge-audit 验证;运行 /forge-fix 自动修正。间距违规由 /forge-spacing-audit 捕获。

限制:字体禁用名单包括 Inter、Roboto、Arial、Helvetica、system-ui、-apple-system、Open Sans、Lato、Montserrat、Poppins、Nunito、Space Grotesk、Raleway、Source Sans Pro,任何 FORGE 命令都不使用这些字体。存在令牌时不得写原始颜色值,不得使用刻度外间距,不得使用禁用字体。资料未提供收费、价格、平台支持与效果数据。