Alanamultiskillagent
Back to skills

design-review

design

Audits a live site for visual problems — spacing inconsistencies, hierarchy failures, typography issues, AI-generated layout patterns, and sluggish interactions. Fixes each issue directly in source co

garrytangarrytan
|View all garrytan skills →

Setup & Installation

npx skills add https://github.com/garrytan/design-review --skill design-review
or paste the link and ask your coding assistant to install it
https://github.com/garrytan/design-review
View on GitHub

What This Skill Does

Audits a live site for visual problems — spacing inconsistencies, hierarchy failures, typography issues, AI-generated layout patterns, and sluggish interactions. Fixes each issue directly in source code, one atomic commit per fix, with before/after screenshots as evidence. It combines visual inspection, source code fixes, and screenshot verification in a single automated loop, replacing what would otherwise be a multi-hour manual review with no commit trail.

When to use it

  • Working with design review functionality
  • Implementing design review features
  • Debugging design review related issues

Similar Skills

accessibility

Audits and improves web accessibility against WCAG 2.2 guidelines, covering the POUR principles (Perceivable, Operable, Understandable, Robust). Includes code patterns for ARIA usage, keyboard navigat

algorithmic-art

Generates algorithmic and generative art using p5.js. Takes a user prompt, creates a computational philosophy for it, then produces a self-contained interactive HTML artifact with seeded randomness, p

brand-guidelines

Applies Anthropic's official brand colors and typography to documents and presentations. Maps headings to Poppins, body text to Lora, and non-text shapes to the orange, blue, and green accent palette.

canvas-design

Generates original visual art and design artifacts as .png or .pdf files. Works in two stages: first defining an aesthetic philosophy (a named movement with visual principles), then expressing that ph