Topic · Media & Creative
Best design review and critique skills for Claude Code, Codex and other agents.
- skills
- 237
- official
- 11
Design review and critique skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or… | vercel-labs/ | 1.7k | 98 repos | ~308 | Automated safety check: Pass | No licence | 7 mo ago |
| 2 | Pushes an agent past generic defaults when designing dashboards, admin panels, SaaS apps and tools, with attention to structure, type, navigation and how data is shown. | holaboss-ai/ | 11k | 3 repos | ~6k | Automated safety check: Pass | MIT | 1 mo ago |
| 3 | A skill your agent uses when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover… | prisma/ | 1.1k | — | ~6.9k | Automated safety check: Pass | No licence | today |
| 4 | Assign Claude Code a read-only investigation, recommendation, or finished text draft. | EpicenterHQ/ | 4.8k | — | ~2k | Automated safety check: Pass | Unknown | today |
| 5 | Create distinctive, production-grade frontend interfaces with high design quality. | mims-harvard/ | 146 | 3 repos | ~5.5k | Automated safety check: Pass | Apache-2.0 | 16 days ago |
| 6 | A skill your agent uses when the user needs embedded hardware architecture, MCU/SoC selection, power tree design, interface planning, sensor/actuator selection, RF/connectivity, BOM risk assessment… | LeoKemp223/ | 381 | — | ~1.5k | Automated safety check: Pass | No licence | 5 mo ago |
| 7 | Grounds AI-built interfaces in real reference images and a saved personal taste profile, so UI work avoids the generic defaults of typical generated apps. | codeswithroh/ | 439 | — | ~16k | Automated safety check: Pass | MIT | 8 days ago |
| 8 | Build and maintain an explorable, progressively-disclosed isometric "atlas" of a system's architecture — an interactive page (hover to read, click to pin, go inside for steps, moving data packets… | inkboard/ | 429 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 9 | Directly generate design-oriented AI images with strong creative direction and prompt engineering. | kangarooking/ | 102 | — | ~1.5k | Automated safety check: Pass | MIT | 5 mo ago |
| 10 | Walks a Figma prototype or live webpage screen by screen and scores it against four minimalist usability principles. | AIPexStudio/ | 1.3k | — | ~1.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 11 | Sets rules for web UI work that favor hierarchy, spacing and restrained styling, with routes for generating, reviewing and polishing interfaces. | kasonye/ | 384 | — | ~3.2k | Automated safety check: Pass | No licence | 5 mo ago |
| 12 | Software design philosophy guide based on John Ousterhout's "A Philosophy of Software Design." Use this skill during: code reviews, architecture discussions, API design, module decomposition… | luoling8192/ | 346 | — | ~3.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 13 | 13.Kicad Review Design review and validation workflow for KiCAD projects via MCP tools. | mixelpixx/ | 905 | — | ~3.2k | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 14 | Create distinctive, production-grade frontend interfaces with high design quality. | boussadjra/ | 111 | 9 repos | ~2k | Automated safety check: Pass | MIT | 3 days ago |
| 15 | Audits a design against Dieter Rams' ten principles of good design, scores each with evidence, and hands off a make-plan prompt for a new, refined or redesigned outcome. | thedotmack/ | 98k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 16 | Design Health — runs 19 deterministic quality checks on HTML output. | Kayforkind/ | 203 | 1 repo | ~756 | Automated safety check: Pass | MIT | yesterday |
| 17 | Evaluate one design or a user-approved maturity-mapped batch through a transparent evidence-based rubric. | SeanJ1ang/ | 712 | — | ~3.1k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 18 | 18.Socratic This skill should be used when the user asks to "build", "design", "scaffold", "architect", or "plan" any system, feature, service, app, agent, pipeline, connector, or tool — especially when the… | m4vic/ | 127 | — | ~3.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 19 | 19.Tufte Apply Edward Tufte's principles to any data visualization, chart, dashboard, or infographic. | aref-vc/ | 307 | — | ~1.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 20 | 20.Kicad Analyze KiCad projects and PDF schematics: schematics, PCB layouts, Gerbers, footprints, symbols, netlists, and design rules. | aklofas/ | 1.4k | 1 repo | ~20k | Automated safety check: Pass | MIT | yesterday |
| 21 | Extract evidence-grounded project facts from user-provided design attachments, identify missing information, and prepare the exact written fields required by supported design-award entry forms. | SeanJ1ang/ | 712 | — | ~1.8k | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 22 | A skill your agent uses when the user says "convene the council", "design debate", "council review", "get the team together", "run a design review", or "debate this design"; OR describes a… | sjsyrek/ | 181 | — | ~2.5k | Automated safety check: Pass | MIT | 4 mo ago |
| 23 | 23.Autodesign Drive an autonomous spec-to-board PCB design with the eda-agent MCP server (Altium Designer or EasyEDA Pro). | salitronic/ | 241 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | today |
| 24 | 24.Design Audit Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance. | AThevon/ | 424 | 1 repo | ~1.6k | Automated safety check: Pass | Unknown | 2 days ago |
| 25 | 25.Design Audit 定期审计代码库的工程设计问题(高心智复杂度、单一真相源被破坏、catch-all 胖接口、死代码、散落魔法字面量、泄漏抽象、资源生命周期靠环形缓冲)与可优化点,范围限定为自上次审计以来的 git churn,每条发现都落到 file:line 并对照本项目自己的 VISION.md / 各级 AGENTS.md / memory… | UniClipboard/ | 1.9k | — | ~554 | Automated safety check: Pass | AGPL-3.0 | today |
| 26 | L1 × AI 设计评审:对已完成的单页、局部 UI 设计稿进行小型迭代评审,识别影响面、状态遗漏、文案与一致性风险,并给出 P0/P1/P2 建议和验收清单。用户提供 Figma 链接、截图、前后设计稿或可评审原型,并要求设计走查、风险评审或开发前 UI 检查时使用;不用于设计前方案预检、完整多页面流程或 L2 开发交付。 | PaperMoonuu/ | 316 | — | ~492 | Automated safety check: Pass | No licence | 15 days ago |
| 27 | Advises on designing the three core figures of a technical paper, then audits them against rules for format, fonts, color and captions. | HKUSTDial/ | 8.5k | — | ~1.9k | Automated safety check: Pass | CC-BY-4.0 | 1 mo ago |
| 28 | Build web interfaces with genuine design quality, not AI slop. | udecode/ | 17k | — | ~3.6k | Automated safety check: Pass | Unknown | today |
| 29 | Route implementation, design, review, diagnosis, and testing work on the Moon CLI and MoonBuild to canonical glossary, ADR, design, behavioral-reference, and testing documents. | moonbitlang/ | 423 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | today |
| 30 | Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. | SapienXai/ | 118 | — | ~4.4k | Automated safety check: Pass | MIT | 4 days ago |
| 31 | 31.Visualize Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards. | display-dev/ | 132 | — | ~7.4k | Automated safety check: Pass | MIT | 21 days ago |
| 32 | Design, audit, document, refactor, and implement NestJS CRUD Automator resources using @elsikora/nestjs-crud-automator. | ElsiKora/ | 261 | — | ~6.7k | Automated safety check: Pass | MIT | 14 days ago |
| 33 | A skill your agent uses when the user asks to validate a product idea, stress-test an idea, evaluate whether an idea is good, or decide whether to build something. | aakashg/ | 112 | — | ~2.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 34 | Analyzes code based on John Ousterhout's "A Philosophy of Software Design". | atilladeniz/ | 387 | — | ~5.3k | Automated safety check: Pass | MIT | 2 days ago |
| 35 | 35.Protein Qc Quality control metrics and filtering thresholds for protein design. | adaptyvbio/ | 163 | 4 repos | ~3.2k | Automated safety check: Pass | MIT | 3 mo ago |
| 36 | Run the complete Effect Machine implementation-to-merge workflow in this repository. | typeonce-dev/ | 209 | — | ~1.1k | Automated safety check: Pass | MIT | 6 days ago |
| 37 | 37.Qovery UI Design review and implementation guidance for the Qovery Console. | Qovery/ | 227 | — | ~2k | Automated safety check: Pass | GPL-3.0 | today |
| 38 | Builds or restyles production UI with a clear point of view, checks the result against screenshots and responsive states, and hands document typography to other skills. | tw93/ | 7.2k | — | ~3.7k | Automated safety check: Pass | MIT | yesterday |
| 39 | Dispatch an independent challenger agent to adversarially review a spec or implementation plan against the actual codebase. | xwtro0tk1t-cloud/ | 265 | — | ~1.6k | Automated safety check: Pass | No licence | 5 mo ago |
| 40 | A skill your agent uses to evaluate architecture, design proposals, refactors, module boundaries, dependency direction, data flow, concurrency model, and maintainability tradeoffs across any codebase. | bbartling/ | 172 | — | ~1.3k | Automated safety check: Pass | Unknown | today |
| 41 | A skill your agent uses to audit an interface that already exists and say precisely why it looks generated, templated, or unfinished — a scored rubric across composition, typography, color, states… | WrongStack/ | 370 | — | ~3k | Automated safety check: Pass | MIT | today |
| 42 | Design, audit, and evolve physical source and package structures that expose real architectural boundaries while keeping related behavior together. | citypaul/ | 739 | — | ~4.4k | Automated safety check: Pass | Unknown | 5 days ago |
| 43 | Design, review, and diagnose Choruz tests and fixtures that can fail nondeterministically under CI concurrency: parallel Playwright workers sharing one PostgreSQL and one API, vitest workers, cargo… | inclusionAI/ | 991 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | today |
| 44 | Reads the advisory design review attached to a pull request's screenshots, fixes the flagged UI problems in product code, and proves each note is gone. | different-ai/ | 24k | — | ~824 | Automated safety check: Pass | Unknown | today |
| 45 | Run a multi-agent design review on a UI surface — capture reproducible baseline screenshots, then rate them with a panel of design experts (one agent per craft dimension) and, optionally, a panel of… | matthiasn/ | 1.2k | — | ~1.6k | Automated safety check: Pass | GPL-3.0 | today |
| 46 | Create distinctive, production-grade frontend interfaces with high design quality. | jwynia/ | 166 | — | ~3.2k | Automated safety check: Pass | MIT | 7 mo ago |
| 47 | Create distinctive, production-grade frontend interfaces with high design quality and accessible markup. | spinspire/ | 511 | 1 repo | ~2.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 48 | Architecture reviews across 7 dimensions (structural, scalability, enterprise readiness, performance, security, ops, data) with scored reports. | Mathews-Tom/ | 328 | — | ~4.6k | Automated safety check: Pass | MIT | 2 days ago |
Questions, answered from the data.
What is the best design review and critique skill?
Web Interface Guidelines Reviewer (official) from vercel-labs/openreview ranks first of the 237 design review and critique skills listed here, with the highest score: its repository has 1.7k GitHub stars, 98 other GitHub owners carry a copy, its SKILL.md loads about 308 tokens and it passes the automated safety check with no findings. Next come Interface Design for Dashboards and Apps and Content Create Hero Image.
Which design review and critique skills are official?
11 of the 237 design review and critique skills are official, published by the vendor's own GitHub organization: Web Interface Guidelines Reviewer, Content Create Hero Image, Architecture Review, Azsdk Common Pipeline Troubleshooting, Azsdk Common Pipeline Analysis and 6 more.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.
Explore related skills
Category
More topics in Media & Creative
- Video production878
- Image generation721
- AI video generation664
- Text to speech and voice646
- Transcription582
- Motion graphics378
- Logo and visual identity225
- Comics and storyboards217
- Image editing194
- Social media graphics188
- Video scripts and shorts182
- Infographics157
- Music and audio generation150
- Podcasting120
- Generative and creative coding59