用途：design-engine 是 Claude Code 的单一设计技能，覆盖网页、移动端、落地页、仪表盘、设计系统、原型与动画等视觉设计任务，并替代多个零散设计技能。
主要能力：生成完整设计系统（tokens、组件、交互预览、Figma 就绪）；多屏画布；Playwright 验证的可点击原型；HTML 转 MP4/GIF 动画；AI 到 AI 的交接包（HANDOFF.md 加 tokens、screens、components）；读取现有代码库的改造；URL 克隆设计系统；Figma 双向同步；截图转生产组件；8 维度评分评审，低于 7.0 阻止交接。
使用方式：通过斜杠命令（如 /design web、/design mobile、/design system、/design landing、/design review、/design import、/design redraw）或自然语言触发词激活。流程固定为 Brief → Context Intake → Design System → Components → Output，先读代码库、URL、截图并做网络调研，再生成。输出模式分 Canvas、Prototype、Both，默认 Both 且需先批准画布。所有产物写入项目根目录的 .design-engine/，不写入 src、app、components 等生产目录，提升到生产需用户手动复制。
限制：不适用于纯后端、API、数据库、基础设施、非视觉缺陷修复、保持 UI 的重构及与设计无关的文档任务。资料未提供收费、价格、平台支持范围与效果保证等信息。