Audit live-site design quality against visual systems and accessibility standards.
npx skills add https://github.com/tak-bro/claude-code --skill design-review-tak-bro
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
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.
라이브 사이트의 시각적 품질 차이와 사용성 이슈를 발견하고 해결하는 체계적인 방법을 제공합니다.
대상 사이트의 URL을 설정하고 전체 디자인 감사를 시작한다.
High-intent search queries and answers about installing and using this skill.
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.
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.
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.
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.
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.
ZiadNagarDefine motion tokens, choreography patterns, and reduced-motion support for design systems.
ArnavPuriGenerate UI components and styles using atomic design and Tailwind CSS.
dachentValidate frontend UI components through browser rendering and screenshot analysis.
Sir-chawakornTranslate Figma designs into React and Tailwind CSS components with visual-diff verification.
