skills.rest
raghavbadhwar
raghavbadhwarCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audits live sites for visual inconsistencies and fixes design issues with before/after screenshots.

Updated Aug 9, 2026
Search Tags:#screenshots#frontend#design review#spacing#ui audit#design polish#visual qa
One-click install
npx skills add https://github.com/raghavbadhwar/rstack --skill design-review-raghavbadhwar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/raghavbadhwar/rstack/tree/main/design-review
Command: npx skills add https://github.com/raghavbadhwar/rstack --skill design-review-raghavbadhwar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Visual polish issues like inconsistent spacing, broken hierarchy, AI slop patterns, and slow interactions slip into shipped interfaces because manual design QA is tedious and easy to skip. This Skill runs a designer's-eye audit on a live site, then iteratively fixes each issue in source code with atomic commits and before/after screenshot verification. ## Core Features & Use Cases - Visual Design Audit: Detects visual inconsistency, spacing problems, hierarchy issues, AI slop patterns, and slow interactions on a live site. - Iterative Fix Loop: Fixes each issue in source code, commits atomically, and re-verifies with before/after screenshots. - Use Case: After shipping a new landing page, ask for a design QA pass; the Skill audits the rendered page, lists the visual defects, and applies verified fixes one commit at a time. ## Quick Start Ask the agent to run a design review on the current site and fix any visual inconsistencies it finds.

Frequently Asked Questions about design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a visual design audit on my website?▼

Invoke the design-review skill against the running site and it will inspect the rendered pages for spacing, hierarchy, and consistency issues. It then fixes each finding in source code and confirms the fix with before/after screenshots.

How to fix design issues found during design QA?▼

The skill works iteratively: it applies one fix at a time in the source code, commits each change atomically, and re-screenshots the page to verify the visual improvement before moving to the next issue.

What is the difference between design-review and plan-design-review?▼

design-review audits and fixes a live, implemented site after code exists. plan-design-review runs in plan mode before implementation, evaluating a design plan rather than modifying source code.

Can design review detect AI-generated design slop?▼

Yes, the audit explicitly looks for common AI slop patterns alongside spacing, hierarchy, and interaction-speed problems. Detected patterns are reported and then fixed through the same iterative commit-and-verify loop.

When should I not use automated visual design QA?▼

Avoid it for pre-implementation decisions, where plan-design-review is the right tool, and for purely functional bugs, which belong in an investigation or QA workflow rather than a visual polish pass.

Related Skills

Explore More Design & Creative Skills→
abdulazeezojabdulazeezoj

design-review

Audits live web pages for visual inconsistencies and fixes design issues in source code.

Community
Advanced
yahav123147yahav123147

land-and-deploy

Merge a pull request, wait for CI, deploy, and verify production with canary checks.

Community
Advanced
alexandervashurinalexandervashurin

browse

Drive a headless browser to navigate, interact, and capture screenshots for QA testing.

Community
Advanced
imonmiimonmi

design-review

Audit live sites for visual issues and fix them with atomic commits.

Community
Advanced