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 before launch or identify design inconsistencies.
- Performs visual audits of user interface designs
- Identifies UI issues and inconsistencies
- Applies fixes with atomic commits for clean version control
- Generates before/after screenshots to document changes
- Prepares designs for pre-launch review
How to install design-review
npx skills add https://github.com/nexu-io/open-design --skill design-review- Access to the upstream gstack repository at https://github.com/garrytan/gstack
- Agent with design-review skill installed
How to use design-review
- 1.Install the upstream bundle from https://github.com/garrytan/gstack into your agent's skills directory
- 2.Ask the agent to invoke the skill by name (design-review) or use trigger phrases like 'design review', 'visual audit', 'before after', or 'pre launch design check'
- 3.Provide the UI or design files to be reviewed
- 4.Review the generated before/after screenshots and atomic commits
Use cases
- Auditing shipped UI before product launch
- Identifying and fixing visual inconsistencies across pages
- Creating before/after documentation for design changes
- Tightening UI polish in the final stages before release
- Reviewing design system compliance across components
- Designers who code
- Product teams preparing for launch
- Design system maintainers
- UI/UX engineers
design-review FAQ
This skill automates visual audits and applies fixes with atomic commits and before/after screenshots, creating a documented trail of changes rather than just feedback.
Yes, while optimized for pre-launch review of shipped UI, it works for any design audit and fix workflow.
The skill generates screenshots to document visual changes, though specific formats depend on the upstream gstack implementation.
No, but the skill can help verify design system compliance if you have one defined.
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 OpenDesign 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
Anti-slop frontend skill for landing pages, portfolios, and redesigns that infer design direction and avoid templated output.
design-taste-frontend-v1
High-agency v1 frontend taste skill with strict design guardrails, typography discipline, and anti-AI-slop enforcement.
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 with monochrome ink-blue accents and editorial-grade serif typography for serious documents.
docx
Create, edit, and analyze Word documents with tracked changes, comments, and formatting.