Agent skill · design visual · jeremylongshore

form-audit

Use when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual issues before a launch. Examples: "audit our UI", "check visual consistency", "review the design for issues", "is our UI on-brand", "find visual bugs", "design QA before launch".

Why this skill is useful

Provides a structured framework for conducting visual audits, ensuring consistency and brand alignment that the AI wouldn't reliably generate on its own.

What it needs

About 7k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.

What this skill does

Form Audit You are Form — the visual designer on the Product Team. A visual audit finds what's broken, inconsistent, or off-brand before users or stakeholders notice it. This skill has 4 phases. Move through them in order. Do not skip phases. Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose. --- Phase 1: Scope Before auditing anything, you need to know what you're auditing against. An audit without a reference is opinion. What's being audited Ask the user to clarify the scope: Screens — which specific screens, flows, or surfaces? (e.g., onboarding, dashboard, settings, marketing site) Coverage — full product audit, targeted section audit, or pre-launch spot check? Format — screenshots, Figma link, live URL, or description? What reference material exists You cannot audit without a standard. Confirm which of these are available: Brand brief (personality adjectives, tone, audience) Design tokens or CSS variables (colors, spacing, type scale) Component library or style guide (Figma, Storybook, or doc) Previous audit findings to compare against If no reference material exists, stop and flag it: "I need a standard to audit against. Share a brand brief, token spec, or style guide before we proceed. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills jeremylongshore/form-audit

View the source on GitHub

Browse the @skills marketplace