新页面总变味?这款Skill记住设计

为 Stitch 项目创建设计规范文档。

design-md 是从 Stitch 项目中整理设计规范的 Skill。它指导 AI 读取已有屏幕、代码和主题信息,生成 DESIGN.md,供后续制作新页面时参考。

“沿用之前的风格”很难单靠一句话传递。它会把颜色写成具体色值加用途,把字体、按钮形状、阴影和留白等规律整理出来,让下一轮生成有明确依据。

例如,同一种深色是用于正文还是主按钮,圆角属于卡片还是输入框,都要结合组件解释。文档也要求把技术值翻译成能理解的视觉描述,而不是只抄一串样式类名。

使用前需要可访问的 Stitch 项目,且至少已有一个设计屏幕。交付是一份从现有设计提炼的规范文件,新页面仍需对照检查;它的价值是减少每次重新解释风格的工作。

分类:设计创作

来源仓库:google-labs-code/stitch-skills

适合用来做什么

  • 如何使用 Markdown 创建一个响应式设计文档?
  • 你能教我如何在设计文档中嵌入图片吗?

安装 design-md

npx skills add https://www.iskills.cc/skills/google-labs-code/stitch-skills/design-md/SKILL.md

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

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

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

浏览全部 Skill 指南