SuperAPI AI 工具集

stitch-design-taste

设计与创作

查看项目

更新于 10-16 09:28

技能介绍

用途:为 Google Stitch 屏幕生成准备一份 DESIGN.md,作为提示 Stitch 时的单一事实来源,用自然语言描述加精确数值,约束其输出更统一、更少套路化的界面。

主要能力:文档涵盖视觉氛围、配色校准、字体架构、组件行为、布局原则、动效理念与反模式清单。配色要求最多一个强调色、饱和度低于 80%,禁用 AI 紫/霓虹渐变,避免纯黑 #000000,用 Zinc/Slate 中性色;字体禁用 Inter 与通用衬线体(Times New Roman、Georgia、Garamond、Palatino),仅在编辑/创意场景允许 Fraunces、Gambarino、Editorial New、Instrument Serif 等现代衬线体,仪表盘只用无衬线搭配,高密度时数字用等宽字体。组件规定按钮、卡片、输入框、加载、空状态与错误状态的形态和交互;布局要求元素不重叠、高方差时禁用居中 Hero、禁用三等分卡片行、用 CSS Grid 与 max-width 约束、全高用 min-h-[100dvh];动效默认弹簧物理 stiffness: 100、damping: 20,仅动画 transform 与 opacity。

使用方式:需可访问 labs.google/stitch;可选 Stitch MCP Server 以便与 Cursor、Antigravity 或 Gemini CLI 集成。默认基线为 Variance 8、Motion 6、Density 4,会按用户描述的氛围调整。

适用场景:为 Google Stitch 准备界面生成提示、希望统一品牌视觉语言的创意或产品界面项目。

限制:依赖 Stitch 环境;安装命令、收费与价格信息暂未提供。反模式属该技能的强制风格取向,并非通用设计标准。