design-review
Helps your agent review and fix user interfaces. It performs visual audits and applies improvements before launch.
What it does
This tool helps review the visual design of something you've created, like a website or app. It checks if everything looks good and makes small fixes to polish the final result, especially before launching.
When to use it
- ✓When you want to improve a website's look before publishing it.
- ✓If you feel an app could have a more professional appearance.
- ✓To make minor touch-ups on a design that's almost finished.
Example of what to ask your AI
“Review the design of this page and make necessary adjustments to make it more professional.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The tool first analyzes your project's visual appearance. Then, it makes the required fixes in small, focused steps, showing you before and after screenshots to see the changes.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill design-reviewOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/design-review/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
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.
FAQ
What are 'atomic commits'?
These are small changes focused on a single thing, making it easier to track and revert if something goes wrong.
Do I need to know how to code to use this?
No, you just need to ask for the design review. The tool handles the technical details.
What does 'tightening shipped UI' mean?
It means making the final visual adjustments to an interface that's ready to be launched, to make it more polished.
Details
Original description by the author
Designer Who Codes: visual audit then fixes with atomic commits and before/after screenshots. Useful for tightening shipped UI before launch.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #680
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC