design-review

Audit live-site design quality against visual systems and accessibility standards.

Updated Aug 23, 2026

Search Tags:#design #accessibility #audit #responsiveness #visual-system #live-site

Ready to run

npx skills add https://github.com/tak-bro/claude-code --skill design-review-tak-bro

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/tak-bro/claude-code/tree/main/skills/design-review
Command: npx skills add https://github.com/tak-bro/claude-code --skill design-review-tak-bro

SYSTEM DOCUMENTATION & REQUIREMENTS

Design audit of a live site. Review with exacting visual standards, then fix what you find. Covers visual hierarchy, typography, color, spacing, interaction states, accessibility, and responsiveness.

What problem does it solve?

라이브 사이트의 시각적 품질 차이와 사용성 이슈를 발견하고 해결하는 체계적인 방법을 제공합니다.

Core Features & Use Cases

시각적 시스템의 일관성 검사와 수정 권고
접근성 및 반응형 설계 검토와 개선 제안
실제 현업 상황에 맞춘 디자인 시스템 준수 체크리스트

Quick Start

대상 사이트의 URL을 설정하고 전체 디자인 감사를 시작한다.

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 design consistency?▼

To audit a live website for visual design consistency, review the live-site URL against visual hierarchy, typography, color, spacing, and interaction states to identify deviations and generate actionable fix recommendations.

What is included in a full-site accessibility audit?▼

A full-site accessibility audit evaluates live-site pages against accessibility standards, checking visual elements, interaction states, and responsive breakpoints to ensure compliance and recommend necessary improvements.

Can I perform a page-by-page design review for responsive checks?▼

Yes, you can perform page-by-page design reviews to conduct responsive checks across multiple breakpoints, ensuring visual systems and accessibility standards are maintained on every page.

Do I need a design system established to run a visual system audit?▼

No, an established design system is not required, but having visual system parameters helps evaluate visual hierarchy, typography, color, and spacing more accurately against expected standards during the audit.

What's the best way to find and fix visual hierarchy issues on a live site?▼

The best way to find and fix visual hierarchy issues is to run a design audit on the live-site URL, which evaluates typography, color, and spacing against visual system standards and provides actionable fix recommendations.