ui-designer
✓高級 UI/UX 設計師將產品需求轉化為專業的設計解決方案。當用戶需要時使用：(1) 頁面結構和信息架構，(2) UI 佈局和組件，(3) 配色方案和視覺規範，(4) 設計規範文檔，(5) 用戶流程圖。觸發點：UI設計、頁面設計、界面設計、交互設計、設計規範、佈局。 | 資深UI/UX設計師，將需求轉化為設計方案。觸發關鍵詞：UI設計、頁面設計、界面設計、交互設計、設計規範、頁面佈局、設計方案。
SKILL.md
Before coding, understand the context and commit to a BOLD aesthetic direction:
CRITICAL: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.
Then implement working code (HTML/CSS/JS, React, Vue, etc.) that is:
高級 UI/UX 設計師將產品需求轉化為專業的設計解決方案。當用戶需要時使用：(1) 頁面結構和信息架構，(2) UI 佈局和組件，(3) 配色方案和視覺規範，(4) 設計規範文檔，(5) 用戶流程圖。觸發點：UI設計、頁面設計、界面設計、交互設計、設計規範、佈局。 | 資深UI/UX設計師，將需求轉化為設計方案。觸發關鍵詞：UI設計、頁面設計、界面設計、交互設計、設計規範、頁面佈局、設計方案。 來源：shining319/claude-code-single-person-workflow。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/shining319/claude-code-single-person-workflow --skill ui-designer- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 ui-designer？
高級 UI/UX 設計師將產品需求轉化為專業的設計解決方案。當用戶需要時使用：(1) 頁面結構和信息架構，(2) UI 佈局和組件，(3) 配色方案和視覺規範，(4) 設計規範文檔，(5) 用戶流程圖。觸發點：UI設計、頁面設計、界面設計、交互設計、設計規範、佈局。 | 資深UI/UX設計師，將需求轉化為設計方案。觸發關鍵詞：UI設計、頁面設計、界面設計、交互設計、設計規範、頁面佈局、設計方案。 來源：shining319/claude-code-single-person-workflow。
如何安裝 ui-designer？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/shining319/claude-code-single-person-workflow --skill ui-designer 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/shining319/claude-code-single-person-workflow
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01