SuperAPI AI 工具集

skema

设计与创作

查看项目

更新于 10-15 20:06

技能介绍

Skema 是面向兼容编码智能体的单一设计技能,入口文件由智能体在每次调用时优先读取。它用于生成完整设计系统(tokens、组件、交互预览、Figma 就绪)、多屏画布、可点击原型(真实导航并经 Playwright 验证)、动画(HTML 导出 MP4/GIF)、AI 间交付包(HANDOFF.md 加 tokens、屏幕、组件)、代码库感知的改版、URL 克隆设计系统、Figma 双向同步、截图转代码以及 8 维度评分评审(低于 7.0 阻止交付)。

触发方式包括斜杠命令 /skema web、/skema mobile、/skema system、/skema landing、/skema review、/skema import、/skema redraw、/skema migrate,以及 /design 和 /design-engine 别名;也支持自然语言触发词,如 design this、redesign、create UI、design system、create prototype、figma sync、handoff、landing page、dashboard、screenshot to code 等。纯后端、API、数据库、基础设施、不涉及视觉输出的缺陷修复、保持现有 UI 的重构以及非设计文档任务不触发。

核心规则:设计系统优先,流程固定为 Brief → Context Intake → Design System → Components → Output;生成前先扫描代码库、抓取 URL、分析截图并做网络调研;所有输出写入当前工作目录下的 .skema/,绝不写入 src/、app/、components/、pages/、public/ 等生产目录;交付物是 .skema/handoff/HANDOFF.md 及其包;每个屏幕需有一个独特细节;每个 HTML 文件必须完整自包含。输出模式分 Canvas、Prototype 或两者,默认两者且需先批准画布再生成原型。

限制与约束:禁止紫色/蓝色渐变、左侧色条圆角卡片、AI 蓝主色、玻璃拟态、emoji 图标、暗色模式阴影、硬编码颜色、Lorem ipsum、画布或原型屏幕上的注释覆盖层等;要求使用 oklch() 颜色、四维排版层级、悬停与焦点状态、GPU 合成动画、token 引用、真实内容、移动端 44×44px 触控目标与 WCAG AA 对比度。首次运行需确保 .skema/ 在 .gitignore 中。不同智能体兼容性不同,不支持 hooks 或 MCP 时跳过并说明。具体安装命令、价格与平台支持资料暂未提供。