·frontend-design-review
</>

frontend-design-review

UI/UX 工作的設計原則和審查方法。在建立新介面、檢查視覺變化或驗證設計品質時使用。包含視覺美化、可訪問性 (WCAG 2.1 AA)、響應式設計、組件標準和互動模式的最佳實踐。既可以作為開髮指南,也可以作為審查清單。產生包含優先結果的結構化報告。

9安裝·0熱度·@petbrains

安裝

$npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review

如何安裝 frontend-design-review

透過命令列快速安裝 frontend-design-review AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:petbrains/mvp-builder。

SKILL.md

查看原文

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-review
分類
</>開發工具
認證
收錄時間
2026-02-25
更新時間
2026-03-10

Browse more skills from petbrains/mvp-builder

快速解答

什麼是 frontend-design-review?

UI/UX 工作的設計原則和審查方法。在建立新介面、檢查視覺變化或驗證設計品質時使用。包含視覺美化、可訪問性 (WCAG 2.1 AA)、響應式設計、組件標準和互動模式的最佳實踐。既可以作為開髮指南,也可以作為審查清單。產生包含優先結果的結構化報告。 來源:petbrains/mvp-builder。

如何安裝 frontend-design-review?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/petbrains/mvp-builder