skills.rest
webdevarif
webdevarifCOMMUNITY
Explore all skills by this author →
Website𝕏@webdevarifGitHub

design-review

Audits shipped UI visually and applies fixes with atomic commits and before/after screenshots.

Updated Apr 18, 2026
Search Tags:#screenshots#design review#atomic commits#pre-launch#visual audit#ui polish#creative direction
One-click install
npx skills add https://github.com/webdevarif/claude-skills --skill design-review-webdevarif
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/webdevarif/claude-skills/tree/main/design-review
Command: npx skills add https://github.com/webdevarif/claude-skills --skill design-review-webdevarif

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Shipping UI often accumulates visual inconsistencies that go unnoticed until launch. This Skill performs a designer-level visual audit of your interface and applies concrete fixes, so polish issues are caught and corrected before release. ## Core Features & Use Cases - Visual Audit: Reviews shipped UI like a designer who codes, identifying spacing, alignment, and styling issues. - Atomic Fix Commits: Applies corrections as small, reviewable atomic commits rather than one large change. - Before/After Screenshots: Captures visual evidence of each fix for review and documentation. - Use Case: Before a product launch, run a pre-launch design check on your app to tighten visual details and document every improvement with screenshots. ## Quick Start Ask the agent to run a design review on your shipped UI and produce fixes with before and after screenshots.

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 UI before launch?▼

Invoke the design-review skill by name or with a trigger phrase like "pre launch design check". The agent audits the shipped UI, applies fixes as atomic commits, and captures before/after screenshots of each change.

What does the design-review skill actually change in my code?▼

It applies visual polish fixes directly to your UI code, with each fix committed atomically so changes stay small and reviewable. Every fix is documented with before and after screenshots.

Do I need to install anything to use design-review?▼

Yes. This catalogue entry only advertises the skill for discovery. To run the full workflow with its original assets, scripts, and references, install the upstream bundle from https://github.com/garrytan/gstack into your agent's skills directory.

Can design-review replace a human designer's review?▼

It automates a designer-style visual audit and fixes common polish issues, but it focuses on shipped UI tightening rather than broader creative direction. Complex branding or UX strategy decisions still benefit from human judgment.

Related Skills

Explore More Design & Creative Skills→
michalklabnikmichalklabnik

test-deployment

Verifies deployed web servers by checking HTTP 200 status and UI elements via screenshots.

Community
Intermediate
TrainLCDTrainLCD
71

finalize-release

Orchestrate GitHub tag creation, release publishing, and master-to-dev branch synchronization.

Official
Advanced
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate
BruceTyndallBruceTyndall

visual-regression-checker

Capture and compare web application screenshots against a baseline to detect visual drift.

Community
Intermediate