Design Review
Run a sharp, prioritized critique of a URL, screenshot, or component across hierarchy, typography, spacing, color, motion, states, responsiveness, accessibility, and brand consistency.
Best for
Designers, founders, and frontend teams looking for specific, ranked fixes before shipping an interface.
npx skills add https://github.com/Superfuture/design-review --skill design-review
Common use cases
When to use this skill
- Review a screenshot, live page, or component implementation.
- Rank blocking design issues separately from polish opportunities.
- Turn design critique into concrete implementation fixes.
Example prompts
Prompts you can adapt
How to use it
A simple workflow
Open the verified Superfuture source on GitHub and review its SKILL.md or repository documentation.
npx skills add https://github.com/Superfuture/design-review --skill design-review
Start with an example prompt below, adapt it to your project, and verify the result.
FAQ
Questions about Design Review
Is this linked to an official public source?
Yes. This page links directly to the Superfuture GitHub source shown above. Review its documentation and license before production use.
How do I add this skill?
Run the setup command shown on this page, then refresh your agent if required.
Related skills
Keep building the workflow
Better Interface
Run a holistic, evidence-led interface review across accessibility, layout, UX writing, typography, color, visual polish, and motion.
Product Design Audit
Audit a product flow or interface by capturing evidence first, then reporting usability, hierarchy, and interaction issues.
Accessibility
Audit and improve web accessibility against WCAG 2.2, covering semantics, keyboard navigation, focus, contrast, forms, media, and assistive technologies.