Design Review
- 2k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
A skill that audits shipped UI visually, identifies design deviations, fixes them via code with atomic commits, and documents changes with before/after screenshots.
About
A designer-centric skill that performs comprehensive visual audits on shipped interfaces, identifies design inconsistencies, and applies targeted fixes using atomic commits paired with before/after screenshots. Bridges design systems and code by enabling designers to verify UI quality, spacing, typography, and component consistency before product launch. Integrates upstream from gstack for creative direction workflows. Generates documented proof of improvements for design handoffs and stakeholder review.
- Visual audit with atomic commits and screenshot pairs
- Pre-launch design tightening and consistency checks
- Before/after documentation for design verification
- Creative direction workflow from gstack upstream
- Designer-to-code bridge for UI quality assurance
Design Review by the numbers
- 1,977 all-time installs (skills.sh)
- +139 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #134 of 1,896 Design & UI/UX skills by installs in the Skillselion catalog
- Security screen: MEDIUM risk (skills.sh audit)
- Data as of Jul 28, 2026 (Skillselion catalog sync)
npx skills add https://github.com/nexu-io/open-design --skill design-reviewAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 2k |
|---|---|
| repo stars | ★ 82k |
| Security audit | 2 / 3 scanners passed |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
What it does
Visual audit and atomic UI fixes with before/after screenshots pre-launch
Who is it for?
Design systems teams, product engineers shipping UI-heavy features, design leaders verifying quality gates, teams bridging design handoff and engineering.
Skip if: Backend-only services, API development, machine learning pipelines, non-visual products, teams without design review processes.
When should I use this skill?
Pre-launch UI review needed, design inconsistencies suspected, design system compliance verification required, stakeholder sign-off documentation needed.
What you get
Teams ship consistent, polished UIs verified by both design and code; stakeholders see proof via before/after screenshots; regressions are caught pre-launch.
- Before/after screenshots
- Atomic UI fix commits
- Visual audit findings
Files
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/gstackThen 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
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kFAQ
What makes this different from manual design review?
Combines visual inspection with code-level atomic fixes and automated before/after screenshot capture, creating auditable, version-controlled design improvements with proof artifacts.
Can this detect design system violations?
Yes, the skill audits visual consistency against design system rules (spacing, typography, color) and applies fixes via commits that match system constraints.
How does it integrate with existing CI/CD?
Generates atomic commits and screenshot pairs suitable for pull request review, enabling design verification to become part of pre-launch gates in standard workflows.
Is Design Review safe to install?
skills.sh reports 2 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.