设计Token生成器（生成即用·设计Token）

设计范式：触发 → 弹窗分步引导（模式/参数/确认）→ 直接落盘成品文件 → 预览精修。 适用：按风格与主色，直接生成可复用的设计 Token 文件（JSON/CSS变量）。

★ 核心：输出模式选择器（主动弹窗确认）

Skill 激活后，第一步用交互式选项向用户确认输出模式，不靠猜词：

• ① 成品：用户提供真实数据/素材 → 直接生成可运行/可投稿的成品文件。
• ② 半填充模板：给部分数据、留占位符 → 半填充的可运行文件。
• ③ 模板：只给骨架 + 占位符 + 说明，用户自行填。 若用户已显式说"模板/教我"或"直接出/帮我画好/生成文件"，直接走对应模式；若提供真实数据，自动偏成品并提示可切回模板。

触发词

「生成设计Token」「设计变量表」「配色Token」 示例：「做个科技感设计系统的token，主色蓝紫」

参数弹窗（领域参数）

激活并选定模式后，弹窗确认以下参数（支持多选与条件分支）：

• 风格：极简 / 拟物 / 科技感 / 活泼
• 主色：取色 / 预设
• 输出：tokens.json / CSS变量 / 两者
• 含暗色：是 / 否

生成与落盘

按所选模式+参数，直接写出文件到用户指定/默认目录：

• 产出物：tokens.json（语义化色板/间距/圆角/字体）+ 等价 CSS :root 变量文件。
• 成品模式规范：字体≥8pt、配色对比达标、含必要标注（误差棒/单位/图例）、导出路径明确、命名规范。

选型与说明（领域）

多端统一→JSON为主、CSS派生；纯Web→直接CSS变量；暗色→补 dark 语义层。

领域模板 / 产出示例

• 结构：color.primary.500 / space.4 / radius.md / font.body。
• CSS：--color-primary-500: #...; 一一对应。

异常处理（三级响应）

• 需求模糊 → 弹窗反问关键项（用途/受众/格式/数据）。
• 超出边界（需实时API/付费数据/联网抓取）→ 说明限制并转诊或给替代方案。
• 数据/素材缺失 → 要示例数据，或先给占位结构（模板模式）。

反模式（8条）

1. 不看模式直接写：必须先弹窗确认成品/半填充/模板三模式，不靠猜词。
2. 一次性甩太多参数：用多选弹窗 + 条件分支 + 渐进披露，首屏只问必填项。
3. 产出无明确路径：每次必须回显文件落盘位置，默认当前工作目录。
4. 模板与成品混为一谈：两模式严格区分，模板留占位符、成品填实数据。
5. 忽略异常处理：三级响应（模糊→反问 / 超界→转诊 / 缺料→要示例）必写。
6. 风格飘忽：成品模式强制样式规范（字体≥8pt、对比达标、含必要标注）。
7. 不回显参数：输出首段回显"模式+关键参数"，避免跑偏。

   小葱技能7w4.net有更新，你可以访问看下。

8. 超能力承诺：边界内交付，需实时API/付费数据/联网抓取时明说并转诊。

FAQ（10条）

1. 和纯指南类 skill 区别？ 本 skill 每次运行必产出可打开/可编辑的落地文件，不是只给建议。
2. 弹窗在别的平台能用吗？ WorkBuddy 内是真实多选卡片；其他平台 SkillHub 下载包退化为清晰多选文字，仍比被动猜词稳。
3. 模板和成品怎么选？ 想学方法/反复换数据用模板；赶投稿/工期用成品（给真实数据直接出图）。
4. 产出文件在哪？ 输出首段回显绝对路径，默认当前工作目录，可指定。
5. 能改风格/配色吗？ 参数弹窗可选配色预设、输出格式（md/docx/xlsx/html/png 等）。
6. 不提供数据能出吗？ 模板模式可不给数据，只给骨架+占位符+说明。
7. 支持哪些输出格式？ 见各 skill「产出物」说明，多为 md/docx/xlsx/html/py/png/svg。
8. 中途出错怎么办？ 异常处理三级响应会引导你补齐信息或转诊。
9. 能一次出多个文件吗？ 支持"多文件套装"（主文件+配套），弹窗可勾选。
10. 怎么二次修改？ 产出文件可直接编辑；或把修改点告诉 agent 重跑微调。

固定输出结构（5段）

1. 模式与参数回显　2. 选型依据　3. 生成文件清单+绝对路径　4. 关键参数/样式说明　5. 使用与修改提示

这是一份设计规范详尽的Skill文档，核心理念和交互流程设计合理，能有效引导用户生成设计Token。主要优点是模式选择清晰、参数说明完整、异常处理考虑周全。不足之处在于目前只有文档说明，没有实际可运行的代码或生成效果示例，用户难以判断实际产出质量。建议补充实际生成的示例文件后再进行正式发布。