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

設計規範文件生成器（生成即用·設計規範）

一句話價值

產出團隊設計規範文件骨架，色彩字型元件柵格統一，設計不跑偏。

適用場景（何時用我）

• 當你要產出《設計規範》卻卡在結構、不知從哪幾塊下手時；
• 適用於產品設計、使用者體驗與互動相關的出文檔、寫材料工作/學習場景；
• 想要一份專業、可填寫、開箱即用的模板，而不是從零搭。

核心交付文件

1. 色彩與字型：主色、語義色、字階
2. 元件庫：按鈕、表單、卡片規範
3. 間距與柵格：8pt 基線
4. 圖示與插畫：風格與尺寸
5. 暗色模式：對照與對映

使用步驟

1. 告訴我你要做的《設計規範》主題與背景（一句話即可）；
2. 我產出結構化模板，你按提示填入自己的內容；

   小蔥技能站7w4.net，專業的AI技能分享平臺。

3. 如需調整維度/增刪模組，直接說，我改。

紅線與注意事項

• 示例資料均為虛構（如「示例公司/北京/上海」），不含任何真實個人/業務資料（R-去個人化）；
• 本模板為結構腳手架，具體資料、事實與專業判斷需你自行核實；
• 金融/法律/薪酬等涉及專業合規的領域，模板不替代持牌專業人士意見；
• 無外部 API 依賴，純提示詞/程式碼模板型，國內可直接使用。

💗 大白話介紹

你把它當成一個「設計規範填空神器」——我先把行家會寫的模組都列好，你往裡填自己的東西就行，省得每次從頭琢磨該寫啥。

整體質量良好，文件齊全、說明清晰，一句話就能生成專業設計規範框架。優點是上手簡單、無需配置、邊界安全；不足是缺少具體生成效果示例，可能需要多次調整才能得到滿意結果。