Owl-ListenerInstall Design Review Process
Pick your agent. Every command is ready to paste.
npx skills add Owl-Listener/designer-skills --skill design-review-processThe open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.
01
Install it
Run the command above, or upload the folder in Claude.
02
Ask naturally
Describe the task. Your agent loads design-review-process when the request matches its description.
03
Name it if needed
If it does not trigger, say “use the design-review-process skill”. In Codex, type $design-review-process.
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
Tips for Design Review Process
- • Start a fresh session after installing so your agent picks up the new skill.
- • It is part of a pack with 30 skills. Install only the ones you need with --skill to keep triggers precise.
- • If two skills overlap, mention the one you want by name.
Questions about Design Review Process
What does the Design Review Process skill do?
Establish review gates — criteria, checkpoints, and approval flow. Use when work ships without consistent review. For running one individual session, use `design-critique`.
How do I install Design Review Process?
Run "npx skills add Owl-Listener/designer-skills --skill design-review-process" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.
Does Design Review Process work in Cursor and Codex?
Yes. Design Review Process uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.
Is Design Review Process free?
Design Review Process is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.
Who made Design Review Process?
Design Review Process is published by Owl-Listener in the Owl-Listener/designer-skills repository, together with 29 other skills.
