design-review
nexu-io/open-design
Visual audit and fix UI issues with atomic commits and before/after screenshots.
What is design-review?
A design review skill that performs visual audits of shipped UI and applies fixes with atomic commits and before/after screenshots. Use it to tighten UI details before launch or to systematically improve existing interfaces.
- Performs visual audits of UI components and layouts
- Identifies design inconsistencies and improvement opportunities
- Applies fixes with atomic commits for clean version control
- Generates before/after screenshots to document changes
- Supports creative direction and design system alignment
How to install design-review
npx skills add https://github.com/nexu-io/open-design --skill design-review- Active agent with skills directory configured
- Access to the upstream gstack repository for full workflow assets
How to use design-review
- 1.Invoke the skill by name 'design-review' or use trigger phrases like 'visual audit', 'before after', or 'pre launch design check'
- 2.The agent will perform a visual audit of the specified UI
- 3.Review identified issues and proposed fixes
- 4.Approve changes which are committed atomically
- 5.Examine generated before/after screenshots to verify improvements
Use cases
- Pre-launch design polish and quality checks
- Systematic UI refinement across shipped products
- Design system compliance audits
- Visual consistency improvements across interfaces
- Documentation of design changes with visual evidence
- Designers who code
- Product teams preparing for launch
- Design system maintainers
- Full-stack developers with design responsibilities
design-review FAQ
Use phrases like 'design review', 'visual audit', 'before after', or 'pre launch design check' to invoke it.
For the full workflow with original assets and scripts, inspect and install from https://github.com/garrytan/gstack. The skill entry itself enables discovery during planning.
Atomic commits documenting each fix and before/after screenshots showing the visual changes.
Use it before launch to tighten UI details, or anytime you want to systematically audit and improve visual consistency.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: design-review description: | Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots. Useful for tightening shipped UI before launch. triggers:
- "design review"
- "visual audit"
- "before after"
- "pre launch design check" od: mode: design-system category: creative-direction upstream: "https://github.com/garrytan/gstack"
design-review
Curated from Garry Tan (gstack).
What it does
Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots. Useful for tightening shipped UI before launch.
Source
- Upstream: https://github.com/garrytan/gstack
- Category:
creative-direction
How to use
This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/garrytan/gstack
Then ask the agent to invoke this skill by name (design-review) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
design-taste-frontend
|
digits-fintech-swiss-template
Swiss-grid fintech deck template with bold data cards, neon-lime accents, and keyboard navigation.
doc
Read, create, and edit .docx documents with formatting and layout fidelity.
doc-kami-parchment
Warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.
docx
Create, edit, and analyze Word documents with tracked changes, comments, and formatting.
domain-name-brainstormer
Generate creative domain names and check availability across .com, .io, .dev, and .ai TLDs.