Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
owl-listener avatar

Design Review Process

  • 938 installs
  • 1.9k repo stars
  • Updated June 14, 2026
  • owl-listener/designer-skills

design-review-process is a Claude Code skill that creates structured design review gates, checklists, and approval workflows for developers and designers who need consistent UI and product quality across iterations.

About

design-review-process is a skill from owl-listener/designer-skills that establishes design review processes maintaining quality without slowing delivery. The skill defines review gates with clear criteria and workflows: Gate 1 Concept Review checks problem definition, user research support, multiple concepts, strategic alignment, and stakeholder input; Gate 2 Design Review verifies brand standards, interaction consistency, and responsive behavior definitions. Developers and design leads reach for design-review-process when UI quality drifts across sprints and ad-hoc feedback replaces structured approval. The skill produces gate definitions, checklists, and approval workflows rather than pixel-level critique, making it a process framework for cross-functional design governance.

  • Establishes four sequential review gates: Concept, Design, Pre-Handoff, and Implementation QA
  • Provides a 9-item review criteria checklist including WCAG AA accessibility and design-system consistency
  • Defines a 5-step approval workflow from designer self-review through stakeholder sign-off
  • Ensures all states (empty, loading, error, success) and edge cases are covered before handoff
  • Delivers reusable process artifacts that prevent quality regression without adding heavy process

Design Review Process by the numbers

  • 938 all-time installs (skills.sh)
  • +42 installs in the week ending Jul 29, 2026 (Skillselion tracking)
  • Ranked #446 of 1,888 Design & UI/UX skills by installs in the Skillselion catalog
  • Security screen: LOW risk (skills.sh audit)
  • Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/owl-listener/designer-skills --skill design-review-process

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs938
repo stars1.9k
Security audit3 / 3 scanners passed
Last updatedJune 14, 2026
Repositoryowl-listener/designer-skills

How do you set up design review gates and checklists?

Create structured design review gates, checklists, and approval workflows that maintain quality across UI and product iterations.

Who is it for?

Design leads and frontend developers establishing repeatable review gates across concept and design stages without ad-hoc feedback loops.

Skip if: Solo prototype work with no stakeholders or teams that only need automated accessibility linting without process design.

When should I use this skill?

A team needs structured design review gates, checklists, or approval workflows for UI and product iterations.

What you get

Design review gate definitions, criteria checklists, and approval workflows for concept and design stages.

  • Review gate definitions
  • Design criteria checklists
  • Approval workflow documents

Files

SKILL.mdMarkdownGitHub ↗

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?
  • Is it feasible to implement?

Approval Workflow

  • Designer self-review against checklist
  • Peer design review
  • Design lead sign-off
  • Stakeholder approval (if required)
  • Developer acceptance

Best Practices

  • Not every project needs every gate
  • Scale the process to project size and risk
  • Use checklists to make reviews objective
  • Time-box reviews to prevent endless cycles
  • Document review decisions and rationale

Related skills

How it compares

Choose design-review-process for team review governance; use single-pass design critique skills for one-off UI feedback without process setup.

FAQ

What gates does design-review-process define?

design-review-process defines Gate 1 Concept Review covering problem definition, user research, multiple concepts, and stakeholder input, plus Gate 2 Design Review for brand standards, interaction consistency, and responsive behavior.

Does design-review-process slow down delivery?

design-review-process creates review gates, criteria, and approval workflows designed to maintain design quality without unnecessarily slowing teams. Checklists replace ad-hoc feedback with structured gate criteria.

Is Design Review Process safe to install?

skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.