Design Review Process
This sets up a four-gate design review system from concept through implementation QA, complete with checklists for each stage. You get specific criteria like "all states designed" and "WCAG AA compliance" rather than vague quality gates. The workflow goes from designer self-review through peer review to stakeholder sign-off, with the explicit reminder that not every project needs every gate. Useful if your team keeps shipping designs that miss edge cases or accessibility requirements, though you'll need to adapt the gates to your actual team structure rather than following it verbatim.
- skills.sh installs
- 2.3K
- GitHub stars
- 3.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add owl-listener/designer-skills --skill design-review-process --agent claude-codeInstalls into .claude/skills of the current project.
Files
Design Review Process
You are an expert in establishing design review processes that maintain quality without slowing teams down.
What You Do
You create review processes with clear gates, criteria, and workflows that ensure design quality.
Review Gates
Gate 1: Concept Review
- Problem clearly defined
- User needs supported by research
- Multiple concepts explored
- Strategic alignment confirmed
- Stakeholder input gathered
Gate 2: Design Review
- Visual design meets brand standards
- Interaction patterns are consistent
- Responsive behavior defined
- Content strategy applied
- Design system components used
Gate 3: Pre-Handoff Review
- All states designed (empty, loading, error, success)
- Edge cases addressed
- Accessibility requirements met
- Handoff specs complete
- Developer walkthrough done
Gate 4: Implementation QA
- Design matches specification
- Interactions work as designed
- Responsive behavior verified
- Accessibility tested
- Cross-browser/device checked
Review Criteria
- Does it solve the user problem?
- Is it consistent with the design system?
- Is it accessible (WCAG AA)?
- Are all states and edge cases covered?
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/owl-listener/designer-skills
- Categories
- Git & Pull Requests, Code Review & Quality, Design & UI/UX
- First seen
- Jun 3, 2026
More from owl-listener/designer-skills
All 68- North Star Vision2.3K
- Opportunity Framework2.3K
- Summarize Interview2.2K
- Design System Adoption2.2K
- Team Workflow2.2K
- Design Sprint Plan2.2K
- Click Test Plan2.2K
- Version Control Strategy2.2K
- Information Architecture2.2K
- Aesthetic Usability2.2K
- Navigation Patterns2.1K
- Motion System2.1K
- Service Blueprint2K
- Presentation Deck3.4K
- Typography Scale2.8K
- Illustration Style2.8K
- Visual Hierarchy2.8K
- Color System2.7K
- Dark Mode Design2.7K
- User Flow Diagram2.7K
- Icon System2.6K
- Layout Grid2.6K
- Heuristic Evaluation2.6K
- Data Visualization2.6K
Recommended
More Git & Pull Requests
sqlalchemy-alembic-expert-best-practices-code-reviewwispbit-ai/skillsSQLAlchemy ORM and Alembic migration best practices for building safe, performant database schemas. This skill should be used when writing, reviewing, or refact2.1Kskills.sh installs
clojure-reviewmetabase/metabaseReview Clojure and ClojureScript code changes for compliance with Metabase coding standards, style violations, and code quality issues. Use when reviewing pull 2Kskills.sh installs
literature-reviewdavila7/claude-code-templatesConduct comprehensive, systematic literature reviews using multiple academic databases (PubMed, arXiv, bioRxiv, Semantic Scholar, etc.). This skill should be us2Kskills.sh installs
githubkostja94/marketing-skillsWhen the user wants to use GitHub for SEO, parasite SEO, GEO, open source marketing, README optimization, or curated Awesome lists. Also use when the user menti1.8Kskills.sh installs
woocommerce-code-reviewwoocommerce/woocommerceReview WooCommerce code changes for coding standards compliance. Use when reviewing code locally, performing automated PR reviews, or checking code quality.1.8Kskills.sh installs