design-review

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

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/adamtpang/summon.company --skill design-review-adamtpang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/adamtpang/summon.company/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/adamtpang/summon.company --skill design-review-adamtpang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Visual QA is tedious and easy to skip: spacing drift, broken hierarchy, AI-generated design slop, and sluggish interactions slip into production because nobody systematically checks them. This Skill runs a designer's-eye audit of a live site and then iteratively fixes each issue in source code, committing atomically and re-verifying with screenshots. ## Core Features & Use Cases - Visual Design Audit: Detects visual inconsistency, spacing problems, hierarchy issues, AI slop patterns, and slow interactions on a running site. - Iterative Fix Loop: Fixes each confirmed issue in source code, commits atomically, and re-verifies with before/after screenshots. - Structured Decision Briefs: Uses AskUserQuestion decision briefs with recommendations and completeness scoring so you stay in control of every design tradeoff. - Use Case: After shipping a new landing page, ask for a design polish pass — the Skill audits the page, lists the issues it found, and walks you through fixing each one with visual proof. ## Quick Start Ask the agent to audit the design of my running site and fix any visual issues 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 your running site and it inspects spacing, hierarchy, consistency, and interaction performance. It reports each issue found and, with your approval, fixes them one at a time with before/after screenshot verification.

How to fix design issues found during a visual QA pass?

The skill fixes issues iteratively in source code rather than just reporting them. Each fix is committed atomically and re-verified with a screenshot comparison so you can confirm the visual improvement before moving on.

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

design-review audits and fixes a live, implemented site after the fact. plan-design-review runs in plan mode before implementation, reviewing the design approach before any code is written.

Can design-review run in headless or CI sessions?

Yes, but interactive prompts are gated by session kind. In headless sessions an unavailable AskUserQuestion causes a BLOCKED stop, while spawned sessions auto-choose recommended options and report results as prose.

What kinds of design problems does a visual QA audit catch?

It targets visual inconsistency, spacing and alignment issues, hierarchy problems, common AI-generated design slop patterns, and slow or janky interactions that degrade perceived quality.