Communitygithub.com

alty-oss/dev-design

在進行 UI 設計之前,用於釐清任務的目標受眾、主要任務、內容、限制條件與成功標準。

dev-design 是什麼?

這個技能旨在幫助開發者在進行 UI 設計前,系統性地建立一份設計簡報,確保設計方向清晰明確。它會引導使用者檢查產品文件、路由、元件、現有設計代碼及內容,然後根據指定的模板產出 `brief.md` 檔案。這份檔案會結構化地記錄產品、目標受眾、主要任務、可觀察的成功指標、真實內容、限制條件、參考資料與待定決策。它特別強調區分觀察到的事實、使用者需求與假設,並要求標記虛構的範例內容,避免捏造商業主張或研究數據。當產品、受眾或任務不明確時,它會主動提出具體的解釋方案並請求確認,且一次只問一個問題,以避免干擾。對於現有產品的改版,它會記錄必須保留的設計系統與限制;若是小幅調整,則僅記錄任務與現有背景,避免強制進行全面的探索流程。此技能主要支援基於 Markdown 的工作流程,適用於需要嚴謹設計前置作業的 UI 開發場景。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alty-oss/dev-design/tree/HEAD/skills/design-brief

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

設計簡報

Português (Brasil) 在開始設計前,請先檢查產品文件、路由、元件、現有設計代碼與內容。 使用元件合約來撰寫 brief.md,內容應包含:產品、目標受眾、主要任務、可觀察的成功指標、真實內容、限制條件、參考資料與待定決策。 務必區分觀察到的事實、使用者需求與假設。將虛構的範例內容標記為「範例」;請勿捏造商業主張、推薦或研究結果。 如果產品、目標受眾或主要任務不明確,請提出具體的解釋方案並請求確認,除非使用者已授權你自行決定。每次僅詢問一個能改變結果的問題。 對於現有產品,請記錄必須保留的設計系統與限制條件。 對於小幅調整,僅需在 review.md 中記錄任務與現有背景;請勿強制進行完整的探索流程。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

相關技能