ui-ux-design
✓創建具有強大的用戶體驗和視覺工藝的生產級前端界面。在構建 Web 組件、頁面、儀表板、表單、登陸頁面或任何 UI 時使用。當用戶說“構建表單”、“創建儀表板”、“設計組件”、“製作登陸頁面”或要求進行 UI/UX 工作時使用。
SKILL.md
Create functional, accessible, visually distinctive interfaces. Output is working code.
| Contrast | 4.5:1 text, 3:1 UI components | | Focus states | Visible outline on all interactive elements | | Touch targets | Minimum 44×44px | | Reduced motion | Respect prefers-reduced-motion | | Labels | All inputs have associated labels | | Empty states | Helpful message + clear action | | Error states | Explain what happened + how to fix |
| Minimalism | Productivity, professional, portfolios | | Glassmorphism | Dashboards, tech products | | Neubrutalism | Creative, startups, distinctive brands | | Editorial | Content sites, publications | | Organic | Consumer apps, wellness, community | | Dark Mode | User preference, low-light contexts |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/arvindand/agent-skills --skill ui-ux-design- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 ui-ux-design？
創建具有強大的用戶體驗和視覺工藝的生產級前端界面。在構建 Web 組件、頁面、儀表板、表單、登陸頁面或任何 UI 時使用。當用戶說“構建表單”、“創建儀表板”、“設計組件”、“製作登陸頁面”或要求進行 UI/UX 工作時使用。 來源：arvindand/agent-skills。
如何安裝 ui-ux-design？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/arvindand/agent-skills --skill ui-ux-design 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/arvindand/agent-skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01