design-review

Identify and fix visual design inconsistencies across live websites.

Updated Apr 6, 2025
One-click install
npx skills add https://github.com/yolopunk/jedi --skill design-review-yolopunk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/yolopunk/jedi/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/yolopunk/jedi --skill design-review-yolopunk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design inconsistency across live interfaces wastes time, hurts clarity, and undermines user trust. This skill identifies spacing, typography, color, and layout issues and documents actionable fixes.

Core Features & Use Cases

  • Visual Audit: detect typography, spacing, color, and hierarchy inconsistencies across pages.
  • Plan & Fix: propose concrete changes and verify with before/after references.
  • Reusable System: align with a design system to maintain consistency across product surfaces.

Quick Start

Run a design polish audit on the target site and deliver a before/after visual report.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I find and fix visual design inconsistencies on a live website?

Run a visual audit to detect spacing, typography, color, and hierarchy inconsistencies across live product pages. The skill enforces design-system calibration and delivers a structured report with actionable fixes and before/after references.

What is the best way to enforce design-system calibration across product surfaces?

Enforce design-system calibration by scanning live interfaces for visual deviations. This reusable system aligns typography, color, and spacing across desktop and mobile marketing sites, producing before/after evidence to maintain consistency.

Can I audit dashboards and marketing sites for accessibility and UI-UX issues?

Yes, you can audit dashboards, product pages, and marketing sites across desktop and mobile for UI-UX and a11y inconsistencies. The visual audit identifies hierarchy issues and delivers concrete changes to improve clarity and user trust.

How do I generate a structured report with actionable fixes for typography and spacing errors?

Generate a structured report by running a design polish audit on the target site. It identifies specific typography and spacing issues, proposes concrete changes, and verifies them with before/after visual evidence for immediate implementation.

Does a visual audit work on both desktop and mobile interfaces?

Yes, visual audits are applicable to live websites across desktop and mobile. It detects layout, color, and hierarchy inconsistencies across different screen sizes to ensure consistent design polish and user trust.

Why does design inconsistency undermine user trust and how can I resolve it?

Design inconsistency hurts clarity and undermines user trust across live interfaces. Resolve it by identifying spacing, typography, and color issues, then applying actionable fixes aligned with your design system to maintain consistency.