Ship the UI Day

Design interfaces with a real point of view instead of templated defaults, then prove they work with screenshots from a live browser. Accessibility violations, responsive breaks and state bugs get caught before you call it done.

7 skills

a11y-audit

A three-phase Scan/Fix/Verify skill that finds WCAG 2.2 A and AA violations and writes framework-specific fixes for React, Vue, Angular, Svelte, Next.js and plain HTML.

Dev & Coding★ 24,151AI score 9/10

Webapp Testing (Playwright)

Official

Official skill that lets Claude drive a real headless browser with Playwright to click, screenshot, and read console logs while testing your local web app.

Dev & Coding★ 167,132AI score 9/10

Frontend Design Direction

Official

Official Anthropic skill that makes Claude act as a design lead, producing UI with a distinct point of view instead of templated defaults.

Design & UI★ 167,132AI score 9/10

Design Is — Dieter Rams Design Audit

Audits a UI against Dieter Rams' ten principles with cited evidence, then issues a NEW / REFINE / REDESIGN verdict plus a ready-to-run `/make-plan` handoff.

Design & UI★ 90,139AI score 8/10

Visual QA (Dual-Oracle UI Verification)

Rigorously verifies web and terminal UIs with screenshot/pixel-diff evidence plus two parallel read-only reviewers, then issues one GOOD/NEEDS WORK verdict.

Design & UI★ 67,531AI score 8/10

Frontend Engineer

A frontend discipline skill that forbids saying "done" until the build passes and the result is screenshot-verified in a real browser.

Dev & Coding★ 30,471AI score 8/10

Frontend Visual QA

Audits already-rendered web, dashboard, HTML deck, and Electron UIs with real-browser journeys, inspected screenshots, and a bundled Playwright sweep to catch layout, responsive, state, and output defects.

Dev & Coding★ 1,323AI score 9/10