别让Stitch乱发挥,这款Skill定风格

为Google Stitch生成设计规范文件。

用 Google Stitch 做界面时,如果只说“做得高级一点”,每次出来的页面都可能不一样。stitch-design-taste 这个 Skill 会把审美偏好写成一份 DESIGN.md,让 Stitch 有可以反复遵守的规则。

你可以在里面定下页面的氛围、颜色、字体、间距和布局。比如规定只用一个低饱和强调色,禁止霓虹渐变;规定移动端在 768px 以下收成单列;规定按钮、卡片、加载状态和错误提示应该怎么表现。这样讨论的就不只是“好不好看”,而是具体到颜色、尺寸和行为。

它特别适合用来挡住一些常见的 AI 页面套路:紫色渐变、三列等宽卡片、到处都是大圆角,以及没有意义的 “Scroll to explore”。如果项目需要有个性,还可以把不对称布局、字体组合和动效原则一起写进设计系统。

使用前先想清楚你想保留什么气质、哪些做法绝对不要出现。它生成的是给 Stitch 读取的设计规则,不是直接交付一个完整页面;规则写得越具体,后面越容易检查生成结果有没有跑偏。

分类:设计创作

来源仓库:leonxlnx/taste-skill

适合用来做什么

  • 为Google Stitch生成一个符合高级UI标准的DESIGN.md文件。
  • 创建一个语义设计系统文档,适用于Stitch项目。

安装 stitch-design-taste

npx skills add https://www.iskills.cc/skills/leonxlnx/taste-skill/stitch-design-taste/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 stitch-design-taste 的用途与原始说明

浏览全部 Skill 指南