設計Token生成器（生成即用·設計Token）
📖 技能介紹
name: 設計Token生成器（生成即用·設計Token） id: z-design-token slug: z-design-token displayName: 設計Token生成器（生成即用·設計Token） description: 按風格與主色，直接生成可複用的設計 Token 檔案（JSON/CSS變數）。 觸發詞：生成設計Token summary: 按風格與主色，直接生成可複用的設計 Token 檔案（JSON/CSS變數）。 version: 1.0.0 agent_created: true platforms: [workbuddy, claude, cursor, codex, windsurf, gemini, copilot, openclaw] category: 效率工具 license: MIT
設計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條）
- 不看模式直接寫：必須先彈窗確認成品/半填充/模板三模式，不靠猜詞。
- 一次性甩太多引數：用多選彈窗 + 條件分支 + 漸進披露，首屏只問必填項。
- 產出無明確路徑：每次必須回顯檔案落盤位置，預設當前工作目錄。
- 模板與成品混為一談：兩模式嚴格區分，模板留佔位符、成品填實資料。
- 忽略異常處理：三級響應（模糊→反問 / 超界→轉診 / 缺料→要示例）必寫。
小蔥技能7w4.net有完整的技能分類。
- 風格飄忽：成品模式強制樣式規範（字型≥8pt、對比達標、含必要標註）。
- 不回顯引數：輸出首段回顯"模式+關鍵引數"，避免跑偏。
- 超能力承諾：邊界內交付，需即時API/付費資料/聯網抓取時明說並轉診。
FAQ（10條）
- 和純指南類 skill 區別？ 本 skill 每次執行必產出可開啟/可編輯的落地檔案，不是隻給建議。
- 彈窗在別的平臺能用嗎？ WorkBuddy 內是真實多選卡片；其他平臺 SkillHub 下載包退化為清晰多選文字，仍比被動猜詞穩。
- 模板和成品怎麼選？ 想學方法/反覆換資料用模板；趕投稿/工期用成品（給真實資料直接出圖）。
- 產出檔案在哪？ 輸出首段回顯絕對路徑，預設當前工作目錄，可指定。
- 能改風格/配色嗎？ 引數彈窗可選配色預設、輸出格式（md/docx/xlsx/html/png 等）。
- 不提供資料能出嗎？ 模板模式可不給資料，只給骨架+佔位符+說明。
- 支援哪些輸出格式？ 見各 skill「產出物」說明，多為 md/docx/xlsx/html/py/png/svg。
- 中途出錯怎麼辦？ 異常處理三級響應會引導你補齊資訊或轉診。
- 能一次出多個檔案嗎？ 支援"多檔案套裝"（主檔案+配套），彈窗可勾選。
- 怎麼二次修改？ 產出檔案可直接編輯；或把修改點告訴 agent 重跑微調。
固定輸出結構（5段）
- 模式與引數回顯 2. 選型依據 3. 生成檔案清單+絕對路徑 4. 關鍵引數/樣式說明 5. 使用與修改提示
🤖 AI 評測
這是一份設計規範詳盡的Skill文件，核心理念和互動流程設計合理，能有效引導使用者生成設計Token。主要優點是模式選擇清晰、引數說明完整、異常處理考慮周全。不足之處在於目前只有文件說明，沒有實際可執行的程式碼或生成效果示例，使用者難以判斷實際產出質量。建議補充實際生成的示例檔案後再進行正式釋出。
