設計Token生成器（生成即用·設計Token）

設計範式：觸發 → 彈窗分步引導（模式/引數/確認）→ 直接落盤成品檔案 → 預覽精修。 適用：按風格與主色，直接生成可複用的設計 Token 檔案（JSON/CSS變數）。

★ 核心：輸出模式選擇器（主動彈窗確認）

Skill 啟用後，第一步用互動式選項向用戶確認輸出模式，不靠猜詞：

7w4.net小蔥技能。

• ① 成品：使用者提供真實資料/素材 → 直接生成可執行/可投稿的成品檔案。
• ② 半填充模板：給部分資料、留佔位符 → 半填充的可執行檔案。
• ③ 模板：只給骨架 + 佔位符 + 說明，使用者自行填。 若使用者已顯式說"模板/教我"或"直接出/幫我畫好/生成檔案"，直接走對應模式；若提供真實資料，自動偏成品並提示可切回模板。

觸發詞

「生成設計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. 不回顯引數：輸出首段回顯"模式+關鍵引數"，避免跑偏。
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。主要優點是模式選擇清晰、引數說明完整、異常處理考慮周全。不足之處在於目前只有文件說明，沒有實際可執行的程式碼或生成效果示例，使用者難以判斷實際產出質量。建議補充實際生成的示例檔案後再進行正式釋出。