frontend-ui-ux-design
✓創建全面的前端 UI/UX 設計，包括用戶界面、設計系統、組件庫、響應式佈局和輔助功能實現。生成線框圖、模型、設計規範和實施指南。在設計用戶界面、創建設計系統、構建組件庫、實施響應式設計、確保可訪問性合規性時使用，或者在用戶提及 UI 設計、UX 設計、界面設計、設計系統、用戶體驗或前端設計模式時使用。
SKILL.md
This skill enables creation of production-ready frontend UI/UX designs from research through implementation. Follow a structured design process that balances user needs, business goals, technical constraints, and accessibility requirements.
For complete research process: See uiux-design-process.md for detailed research, personas, journey mapping, and information architecture guidelines.
For design principles: See design-principles.md for visual hierarchy, consistency, simplicity, feedback, and error prevention guidelines.
創建全面的前端 UI/UX 設計，包括用戶界面、設計系統、組件庫、響應式佈局和輔助功能實現。生成線框圖、模型、設計規範和實施指南。在設計用戶界面、創建設計系統、構建組件庫、實施響應式設計、確保可訪問性合規性時使用，或者在用戶提及 UI 設計、UX 設計、界面設計、設計系統、用戶體驗或前端設計模式時使用。 來源：dauquangthanh/hanoi-rainbow。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-ui-ux-design- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 frontend-ui-ux-design？
創建全面的前端 UI/UX 設計，包括用戶界面、設計系統、組件庫、響應式佈局和輔助功能實現。生成線框圖、模型、設計規範和實施指南。在設計用戶界面、創建設計系統、構建組件庫、實施響應式設計、確保可訪問性合規性時使用，或者在用戶提及 UI 設計、UX 設計、界面設計、設計系統、用戶體驗或前端設計模式時使用。 來源：dauquangthanh/hanoi-rainbow。
如何安裝 frontend-ui-ux-design？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-ui-ux-design 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/dauquangthanh/hanoi-rainbow
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01