design-review

Audit live websites for visual inconsistencies and typographic issues.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/zaeem-rafiq/tatheer-swift-sdk --skill design-review-zaeem-rafiq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/zaeem-rafiq/tatheer-swift-sdk/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/zaeem-rafiq/tatheer-swift-sdk --skill design-review-zaeem-rafiq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and developers struggle to identify and fix visual inconsistencies, spacing issues, and typographic problems that degrade user experience and perceived quality.

Core Features & Use Cases

  • Design audit: systematic live-site review against design-system guidelines, with before/after verification.
  • Plan-mode review: high-level assessment before implementation to guide design polish.
  • Atomic fixes: commit each visual correction separately and re-verify with screenshots.
  • Automated artifacts: generate before/after screenshots and measurements to prove improvements.

Quick Start

Run the design-review workflow against your target URL to audit visuals, apply fixes, and re-verify 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 inconsistencies and spacing issues?

You can perform a visual audit on a live website by running a design review against the target URL. This workflow systematically identifies visual inconsistencies, spacing issues, and typographic problems, and generates before and after screenshots to verify the applied fixes.

What is a plan-mode review for web design polish?

A plan-mode review is a high-level assessment performed before implementation to guide design polish. It evaluates visual inconsistencies and typographic problems on live websites, allowing you to plan fixes systematically before committing atomic corrections and re-verifying with automated screenshots.

How do I verify visual fixes on my website after applying them?

You verify visual fixes using an automated screenshot comparison and re-verification workflow. By committing each visual correction as an atomic commit, the framework generates before and after screenshots and measurements to prove that spacing and typographic improvements are resolved.

Can I audit specific pages instead of running a full-site visual review?

Yes, you can target specific pages instead of running a full-site visual audit. The live-site review framework supports diff-aware scope, allowing you to focus the design-system calibration and visual polish checks on targeted pages before generating before and after artifacts.

Does a live site design audit work without external dependencies?

Yes, the live site design audit operates without external dependencies. It leverages a built-in real-time audit framework and design-system calibration to identify visual inconsistencies, spacing issues, and typographic problems, producing automated screenshots and atomic commits independently.