什麼是 frontend-design-review?
UI/UX 工作的設計原則和審查方法。在建立新介面、檢查視覺變化或驗證設計品質時使用。包含視覺美化、可訪問性 (WCAG 2.1 AA)、響應式設計、組件標準和互動模式的最佳實踐。既可以作為開髮指南,也可以作為審查清單。產生包含優先結果的結構化報告。 來源:petbrains/mvp-builder。
UI/UX 工作的設計原則和審查方法。在建立新介面、檢查視覺變化或驗證設計品質時使用。包含視覺美化、可訪問性 (WCAG 2.1 AA)、響應式設計、組件標準和互動模式的最佳實踐。既可以作為開髮指南,也可以作為審查清單。產生包含優先結果的結構化報告。
透過命令列快速安裝 frontend-design-review AI 技能到你的開發環境
來源:petbrains/mvp-builder。
Design principles and quality standards for building and reviewing user interfaces.
Users First Every design decision should serve user needs. Prioritize clarity over cleverness, and optimize for the most common workflows. When in doubt, choose the option that reduces user effort.
Meticulous Craft Small details compound into overall quality. Consistent spacing, aligned elements, and polished interactions signal care and build trust. Sweat the details that users feel but may not consciously notice.
UI/UX 工作的設計原則和審查方法。在建立新介面、檢查視覺變化或驗證設計品質時使用。包含視覺美化、可訪問性 (WCAG 2.1 AA)、響應式設計、組件標準和互動模式的最佳實踐。既可以作為開髮指南,也可以作為審查清單。產生包含優先結果的結構化報告。 來源:petbrains/mvp-builder。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-reviewUI/UX 工作的設計原則和審查方法。在建立新介面、檢查視覺變化或驗證設計品質時使用。包含視覺美化、可訪問性 (WCAG 2.1 AA)、響應式設計、組件標準和互動模式的最佳實踐。既可以作為開髮指南,也可以作為審查清單。產生包含優先結果的結構化報告。 來源:petbrains/mvp-builder。
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/petbrains/mvp-builder