什麼是 frontend-design？
創建具有卓越設計品質的獨特、生產級前端介面。在建立需要創意、精美美觀的 Web 元件、頁面或應用程式時使用。 來源：atman36/ai-vibe-prompts。
·frontend-design
</>
frontend-design
✓創建具有卓越設計品質的獨特、生產級前端介面。在建立需要創意、精美美觀的 Web 元件、頁面或應用程式時使用。
如何安裝 frontend-design
透過命令列快速安裝 frontend-design AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/atman36/ai-vibe-prompts --skill frontend-design
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：atman36/ai-vibe-prompts。
SKILL.md
查看原文Guide creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices that create memorable user experiences.
Create interfaces that are unforgettable through intentional design choices. Both bold maximalism and refined minimalism work - the key is having a clear aesthetic direction and executing it with precision.
Philosophy: Prioritize high-impact moments over scattered micro-interactions
創建具有卓越設計品質的獨特、生產級前端介面。在建立需要創意、精美美觀的 Web 元件、頁面或應用程式時使用。 來源：atman36/ai-vibe-prompts。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/atman36/ai-vibe-prompts --skill frontend-design- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-28
- 更新時間
- 2026-03-10
快速解答
如何安裝 frontend-design？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/atman36/ai-vibe-prompts --skill frontend-design 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/atman36/ai-vibe-prompts
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-28