用途:面向 UI 生成的设计优先、规格驱动提示方法,把模糊的界面想法整理成紧凑、易扫读的规格说明,减少输出风格漂移。
主要能力:提供可复制的提示骨架,包含 GOAL、FORMAT、LAYOUT、TYPE SYSTEM、COLOR+MATERIAL、IMAGERY、COPY、CONSTRAINTS、NEGATIVE PROMPT 各段;先锁定单一系统(布局、层级、文案),再逐一变量迭代(角度/裁剪、强调色、卡片排布、背景色调);用约束卡(FONT / STYLE / MODE)锚定模型输出,像迷你风格指南;把参考图存到本地 gitignore 的参考目录(如 refs/...)而非依赖模型“记住”品味;提供快速迭代清单(间距、对比、单一主标题层级、单强调色、纹理)与澄清模糊需求的提问清单。
使用方式:按骨架填写并填入具体值;文案段要求模型严格按行渲染;遇到 AI 排版不稳时用两遍流程——先生成不含文字的图并预留文字安全区,再在 Figma 中单独排版文字。变体时一次只改一个变量。
限制:不适用于定义或治理跨页面、跨产品的共享设计令牌/视觉语言系统(应走 design-system);不负责响应式断点布局策略与验证(应走 responsive-design);不涉及可复用组件 API 架构。上游来源为 MengTo/Skills,另有 ARTICLE.md 与 REFERENCES.md 等参考资料。