用途:为 Google Stitch 屏幕生成提供单一事实来源,把反通用前端工程规范转写为 Stitch 可理解的语义设计语言,产出 DESIGN.md,用于提示 Stitch 生成风格统一的高级界面。
主要能力:定义视觉氛围(密度、变异度、动效强度,默认变异 8、动效 6、密度 4);映射配色(每色含描述名、十六进制值、功能角色,最多 1 个强调色且饱和度低于 80%,禁用 AI 紫/蓝霓虹,禁用纯黑 #000000);规定字体架构(禁用 Inter 与通用衬线体,仪表盘仅用无衬线搭配,高密度时数字用等宽);描述组件样式(按钮、卡片、输入、加载、空状态、错误状态);布局原则(禁止元素重叠、高变异时禁止居中 Hero、禁止三等分卡片行、用 CSS Grid、max-width 约束、全高用 min-h-[100dvh]);响应式规则(768px 以下单列、无横向滚动、触控目标至少 44px);动效哲学(弹簧物理 stiffness: 100、damping: 20,仅动画 transform 与 opacity);并列出禁用模式清单。
使用方式:需可访问 labs.google.com/stitch;可选 Stitch MCP Server 与 Cursor、Antigravity 或 Gemini CLI 集成。按氛围、配色、字体、Hero、组件、布局、响应式、动效、禁用模式顺序分析并合成 DESIGN.md。
适用场景:需要 Stitch 生成非通用、风格化界面的前端与设计工作。
限制:资料未提供具体收费、价格、平台支持范围与效果保证;输出为设计规范文档,不直接生成代码。