＋ Add to collection

Install (CLI)

npx skillmds add owl-listener/design-review-process

Or Copy and Paste in Your Agent chat

Please install the Agent Skill "owl-listener/design-review-process" for me from skillmd.com. A SkillMD skill is a SKILL.md file — plain markdown — that you save into my skills directory. Use whichever fetch route fits your setup: (1) if you have a terminal, run npx -y skillmds add owl-listener/design-review-process; (2) otherwise fetch https://api.skillmd.com/api/skills/owl-listener/design-review-process/raw (served as text/markdown) and save it as design-review-process/SKILL.md in your skills directory; (3) if the SkillMD MCP tools are connected, call skillmd_download with slug "owl-listener/design-review-process" and save the returned files under design-review-process/. Show me the SKILL.md before saving if you'd like me to review it. If your skills directory is read-only (e.g. the Claude desktop app), save the files to a working folder instead and tell me — I'll add them through my app's skills settings.

README badge

Show this skill's registry status in your repo:

[![SkillMD](https://skillmd.com/badge/owl-listener/design-review-process.svg)](https://skillmd.com/skills/owl-listener/design-review-process)

design-review-process

Name: design-review-process
Rating: 4.5 (4 reviews)
Author: Owl Listener

owl-listener/design-review-process · Agent Skill

by Owl Listener · single

Published Jul 5, 2026 · Last updated Jul 6, 2026

Establish design review gates with criteria, checklists, and approval workflows to maintain design quality.

SKILL.md

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

---
name: design-review-process
description: Establish design review gates with criteria, checklists, and approval workflows to maintain design quality.
---
# 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

Owl-Listener/designer-skills/tree/main/design-ops/skills/design-review-process commit · acc3e574b3

▌
frontend-design-review · microsoft bundle
Review UI implementations against design quality standards and design system compliance, or create distinctive, production-grade frontend interfaces from scratch.

2.7k
repo stars
▌
direct · adobe bundle
Analyzes a website's current design and user intent to produce a structured redesign specification, including product and design documents, a design system JSON, and a reasoning trace.

142
repo stars
▌
muapi-ui-design · samuraigpt bundle
Generates high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles, translating product requirements into design specifications with platform-specific layouts and design tokens.

3.7k
repo stars
▌
ui-score · antigravity
Score a UI file's design quality 0-100 against StyleSeed's design language with per-category breakdown, worst offenders, and prioritized fix list.

42.4k
repo stars
▌
hp-design-analysis · voltagent bundle
Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

50.9k
repo stars
▌
sentri-inspired-design-analysis · voltagent bundle
Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.

50.9k
repo stars

Frequently asked questions

How do I install the design-review-process skill?

Run npx skillmds add owl-listener/design-review-process in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the design-review-process skill do?

Establish design review gates with criteria, checklists, and approval workflows to maintain design quality. It is listed under Design & Media, Coding & Dev Tools, Product & Planning, Design Systems, UI Design on SkillMD.

Is design-review-process safe to use?

SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with design-review-process?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is design-review-process free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published design-review-process?

Owl Listener (@owl-listener) published this skill. Their other Agent Skills are listed on their SkillMD profile.