AIコーディング向けデザインレビュースキルおすすめ（2026年）
AIコーディング向けのデザインレビュースキルで最もおすすめなのはweb-design-reviewerです（GitHubスター4.1万・1.4万インストール）。有力な代替候補はdotnet-design-pattern-reviewとpower-bi-model-design-reviewです。
デザインレビュー、デザイン批評、ビジュアル監査のスキルを、実際の利用データ（インストール数、次にGitHubスター数）でランキングしています。フロントエンド・デザインカテゴリの一部です。全体のおすすめデザインスキル厳選リストもご覧ください。
ランキング：Skillselion · 利用データ：skills.shレジストリとGitHub
デザインレビュースキル トップ12
| # | スキル | 対応エージェント | スター | インストール数 |
|---|---|---|---|---|
| 1 | web-design-reviewerコレクションgithub · github/awesome-copilotイチオシ Automatically review and fix visual, responsive, accessibility, and layout issues in live web UIs. | Claude CodeCursorCodexGrok | 4.1万 | 1.4万 |
| 2 | dotnet-design-pattern-reviewコレクションgithub · github/awesome-copilot Get expert feedback on whether their C#/.NET codebase correctly implements Command, Factory, Repository, Provider and other core design patterns. | Claude CodeCursorCodexGrok | 4.1万 | 1.2万 |
| 3 | power-bi-model-design-reviewコレクションgithub · github/awesome-copilot Have an AI agent systematically evaluate and improve their Power BI data models for performance, scalability, and maintainability. | Claude CodeCursorCodexGrok | 4.1万 | 8992 |
| 4 | design-reviewコレクションjulianoczkowski · julianoczkowski/designer-skills Receive a structured visual and UX critique of their built interface measured against the original design brief. | Claude CodeCursorCodexGrok | 600 | 5902 |
| 5 | steve-jobs-design-reviewコレクションwondelai · wondelai/skills Use steve-jobs-design-review for development tasks | Claude CodeCursorCodexGrok | 2627 | 3579 |
| 6 | design-reviewコレクションnexu-io · nexu-io/open-design Run a structured visual audit on their UI, generate atomic fix commits, and produce before/after screenshots that tighten the shipped design. | Claude CodeCursorCodexGrok | 10.6万 | 3305 |
| 7 | plan-design-reviewコレクションnexu-io · nexu-io/open-design Get a senior designer critique that scores UI work across multiple dimensions before merging. | Claude CodeCursorCodexGrok | 10.6万 | 3015 |
| 8 | html-ppt-retro-quarterly-reviewコレクションnexu-io · nexu-io/open-design Instantly generate a bold, high-impact quarterly review or roadmap presentation deck using a fixed retro blue-orange editorial design system. | Claude CodeCursorCodexGrok | 10.6万 | 2882 |
| 9 | weread-year-in-review-video-templateコレクションnexu-io · nexu-io/open-design Instantly generate polished WeRead-style 9:16 vertical reading report videos from personal book logs, stats, notes and keywords. | Claude CodeCursorCodexGrok | 10.6万 | 2519 |
| 10 | design-review-processコレクションOwl-Listener · Owl-Listener/designer-skills Create structured design review gates, checklists, and approval workflows that maintain quality across UI and product iterations. | Claude CodeCursorCodexGrok | 3282 | 2235 |
| 11 | running-design-reviewsコレクションRefoundAI · RefoundAI/lenny-skills Run structured design reviews that catch edge cases, align on risks, and maintain a high quality bar before shipping user-facing screens. | Claude CodeCursorCodexGrok | 1469 | 1617 |
| 12 | design-reviewコレクションjezweb · jezweb/claude-skills Get an objective visual design review of a web page or app with annotated findings and screenshots. | Claude CodeCursorCodexGrok | 1102 | 1467 |
よくある質問
デザインレビューで最もおすすめのスキルはどれですか？
デザインレビュー分野の第1位はweb-design-reviewerです（1.4万インストール・GitHubスター4.1万）。Automatically review and fix visual, responsive, accessibility, and layout issues in live web UIs.
これらのデザインレビュースキルはどのようにランキングされていますか？
デザインレビュー、デザイン批評、ビジュアル監査のスキルに該当するスキルを、実際の利用データ（インストール数を第1基準、GitHubスター数を第2基準）でランキングしています。データはskills.shレジストリとGitHubに基づきます。
web-design-reviewerはどうやってインストールしますか？
次のコマンドを実行します: npx skills add https://github.com/github/awesome-copilot --skill web-design-reviewer