用途:该技能生成针对 Google Stitch 屏幕生成优化的 DESIGN.md 文件,把反模板化的前端工程指令翻译为 Stitch 原生的语义设计语言(自然语言描述+精确数值),作为提示 Stitch 生成新屏幕的唯一事实来源。官方称其建立在 design-foundation 之上,只在其上叠加风格,不替代底层规范。
主要能力与可编码内容:视觉氛围(密度、变化度、动效强度,默认基线为变化度 8、动效 6、密度 4);色彩(每个颜色需给出描述性名称+十六进制码+功能角色,最多 1 个强调色、饱和度低于 80%,禁用紫/蓝霓虹,禁用纯黑 #000000);字体架构(禁用 Inter 与通用衬线体,仪表盘禁用衬线体,密度超过 7 时数字须用等宽字体,正文每行最多 65 字符);组件行为(按钮、卡片、输入框及交互状态);布局原则;响应式规则;动效(弹簧物理默认 stiffness: 100、damping: 20,仅动画 transform 与 opacity);以及显式列出的反模式清单,如禁用 emoji、霓虹外发光、三列等宽卡片、居中 Hero(高变化度项目)、AI 套话文案与“Scroll to explore”类填充文字、破损的 Unsplash 链接等。
使用方式:需通过 labs.google.com/stitch 访问 Google Stitch;可选配合 Stitch MCP Server 与 Cursor、Antigravity 或 Gemini CLI 做程序化集成。执行流程包括定义氛围、映射调色板、建立字体规则、定义 Hero 区、描述组件、定义布局与响应式、编码动效、列出反模式,并按给定 DESIGN.md 结构输出。任务完成后按约定生成报告草稿:文件名为 DDMMYY-<ten>.md,写入 llmwiki/wiki/draft/uiux/ 路径,并更新 wiki 索引与日志。
适用场景:使用 Google Stitch 生成界面、需要统一且高完成度设计语言的屏幕生成项目。
限制:未提供具体价格、平台支持范围或效果保证;该技能具强主观取向,明言不是中性模板,会强制特定审美。本地运行环境、安装命令与其他技术细节暂未提供。