skills.rest
adityasingh2400
adityasingh2400COMMUNITY
Explore all skills by this author →
Website𝕏@NoeticPraxisGitHub

design-review

Audit live websites for visual integrity and commit atomic fixes with before/after screenshots.

2|Updated Apr 4, 2026
Search Tags:#design-system#design-review#before-after#ui-polish#visual-audit#layout-spacing
One-click install
npx skills add https://github.com/adityasingh2400/SwarmSell --skill design-review-adityasingh2400
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/adityasingh2400/SwarmSell/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/adityasingh2400/SwarmSell --skill design-review-adityasingh2400

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA aims to detect layout gaps, spacing inconsistencies, and misaligned hierarchy that slip through development. It provides a structured workflow to audit, fix, and verify UI polish with atomically applied changes and before/after screenshots.

Core Features & Use Cases

  • Systematic visual audit for typography, spacing, alignment, and interaction sloppiness.
  • Plan-mode design review where changes are proposed and verified before implementation.
  • Iterative fixes with atomic commits and automated before/after verification to ensure UI quality remains observable.

Quick Start

Audit the current design, propose fixes, and commit each atomic change with before/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 audit a live website for visual integrity and spacing inconsistencies?▼

You can audit a live website for visual integrity by running a systematic visual audit that checks typography hierarchy, layout spacing, alignment, and interaction delays, then reports issues with actionable fixes.

Can I review UI design changes before committing them to production?▼

Yes, plan-mode design review allows you to propose and verify UI design changes before implementation, ensuring fixes are validated against DESIGN.md guidelines prior to applying them.

How do I fix UI polish issues and track the changes with before and after proofs?▼

You fix UI polish issues by applying iterative fixes with atomic commits, capturing automated before/after screenshots as visual verification to ensure UI quality remains observable.

What do I need to apply atomic commits for visual QA fixes?▼

Applying atomic commits for visual QA fixes requires a clean git state and a DESIGN.md guidelines file to ensure changes are validated and systematically applied to pages or components across a site.

Does visual audit work for individual components or only full pages?▼

Visual audit applies to both individual components and full pages across a site, enabling targeted UI polish and layout spacing fixes wherever visual integrity issues are detected.

Related Skills

Explore More Design & Creative Skills→
CNifeCNife

git-master

Plan atomic commits, rewrite git history, and trace changes with safety checks.

Community
Advanced
jkhowlandjkhowland

polish

Check UI alignment, spacing, typography, and color contrast during final QA.

Community
Advanced
mikeparcewskimikeparcewski
8

screenshot

Analyze UI screenshots for layout, color, typography, and design consistency.

Community
Intermediate
ShmurdocShmurdoc

design-review

Automates UI visual audits and fixes identified issues in source code.

Community
Advanced