SuperAPI AI 工具集

design-foundations

设计与创作

查看项目

更新于 10-15 17:21

技能介绍

用途:该技能在原始 SP1 设计令牌观察结果与 WordPress 主题生成之间,生成一份语义化、可复核的中间产物 DesignFoundation JSON。输入包括部分填好的 PartialDesignFoundation、HTML/CSS 聚合分析文件(palette.json、typography.json、breakpoints.json、computed-styles.json)、代表性 HTML 样例路径,以及可选的截图路径,并可调用 MCP 工具 liberate_design_foundation_validate。

主要能力:优先依据 HTML 与浏览器计算样式,为颜色表面、文本、强调色、边框、字体族、渐变及按钮/输入框/卡片/分隔线等组件分配语义角色,并为每个角色附至少一条证据。脚手架已填好 surface.base、text.default、body 字体与断点等;其余空槽由技能填充。

使用方式:先读聚合分析,再查看受限于样例的 HTML;仅在语义存疑时打开截图并说明其解决了何种歧义。按 skillTodos 逐项填充,无法确定则置 null 并从 todos 移除;组件引用令牌而非原始值。填完后必须调用 liberate_design_foundation_validate,通过验证后返回。

限制:不得臆造令牌、跳过证据或验证;不得覆盖脚手架已填槽位,除非确有错误。需警惕脚手架被隐藏 SEO 元素或低频率 CSS 变量误导导致的表面/文本反转、字体与基准字号失真。存在歧义时记入 openQuestions,商业或不可捕获字体建议改用开源替代。