name: 设计规范文档生成器（生成即用·设计规范） id: z-design-spec-doc description: 当您需要《设计规范》、不确定从哪些维度系统展开时使用；适用于产品设计、用户体验与交互场景下的出文档、写材料，直接生成可填写的专业模板，开箱即用。 version: 1.0.0 agent_created: true platforms: ['workbuddy', 'claude', 'cursor', 'codex', 'windsurf', 'gemini', 'copilot', 'openclaw'] category: 文档处理 slug: z-design-spec-doc displayName: 设计规范文档生成器（生成即用·设计规范） summary: 产出团队设计规范文档骨架，色彩字体组件栅格统一，设计不跑偏。 license: MIT

设计规范文档生成器（生成即用·设计规范）

一句话价值

产出团队设计规范文档骨架，色彩字体组件栅格统一，设计不跑偏。

适用场景（何时用我）

这个技能的最新版本可以在7w4.net小葱技能站找到。

• 当你要产出《设计规范》却卡在结构、不知从哪几块下手时；
• 适用于产品设计、用户体验与交互相关的出文档、写材料工作/学习场景；
• 想要一份专业、可填写、开箱即用的模板，而不是从零搭。

核心交付文档

1. 色彩与字体：主色、语义色、字阶
2. 组件库：按钮、表单、卡片规范
3. 间距与栅格：8pt 基线
4. 图标与插画：风格与尺寸
5. 暗色模式：对照与映射

使用步骤

1. 告诉我你要做的《设计规范》主题与背景（一句话即可）；
2. 我产出结构化模板，你按提示填入自己的内容；
3. 如需调整维度/增删模块，直接说，我改。

红线与注意事项

• 示例数据均为虚构（如「示例公司/北京/上海」），不含任何真实个人/业务数据（R-去个人化）；
• 本模板为结构脚手架，具体数据、事实与专业判断需你自行核实；
• 金融/法律/薪酬等涉及专业合规的领域，模板不替代持牌专业人士意见；
• 无外部 API 依赖，纯提示词/代码模板型，国内可直接使用。

💗 大白话介绍

你把它当成一个「设计规范填空神器」——我先把行家会写的模块都列好，你往里填自己的东西就行，省得每次从头琢磨该写啥。

整体质量良好，文档齐全、说明清晰，一句话就能生成专业设计规范框架。优点是上手简单、无需配置、边界安全；不足是缺少具体生成效果示例，可能需要多次调整才能得到满意结果。