Design & UI

Pick from 10 curated color/font themes — or generate a custom one — and apply it consistently across slides, docs, and HTML pages.

Turns any UI or design into a structured WCAG 2.2 audit with pass/fail checks and a prioritised remediation plan.

Reads computed styles in the running app to catch hardcoded colors, off-palette backgrounds, unclickable controls, and animations that never ran.

A single entry point that routes UI build, review, token, and a11y work into one of 22 workflows while preserving your project's approved design decisions.

A single-entry design skill that routes UI work to 22 focused workflows for building, tokenizing, reviewing, and pixel-verifying interfaces.

Generates UI microcopy — button labels, error messages, empty states, toasts — in a consistent casual-but-polite voice.

Writes house-quality UI component specs — anatomy, variants, the 8 states, token mapping, and gated accessibility checks.

Scores a live URL or local production build exactly as an Awwwards juror would — from screenshots and measured metrics only — and returns an evidence-backed score card with a ranked fix list.

Turns a one-line prompt into an award-caliber website, covering concept, art direction, motion, WebGL and a screenshot-driven QA loop.

A final UI checkpoint skill that runs a static audit script for motion gaps, a11y violations, color/token inconsistency and performance, then reports findings by severity.

Redesigns a repository homepage and produces project-native SVG heroes, section headers, diagrams, and opt-in GIFs.

A rigorous playbook for designing and shipping Expo/React Native screens that feel truly native, verified by simulator screen recordings.

Turns Claude into a design lead that gives every UI a distinctive visual identity instead of templated defaults.

Creates and maintains _brand.yml files so Shiny apps and Quarto documents share consistent colors, typography, and logos.

Turns a single concept into a magazine-style feature: real problem → failed attempts → turning point → insight → naming, rendered as one long vertical HTML page.

Pick a visual direction — an archetype or one of 2,144 named design systems — and resolve it into your token system without breaking accessibility.

Turns a short brand brief into a verified three-tier DTCG token system with light/dark themes and a single theme.css.

Audits a UI against WCAG 2.2 AA/AAA and ARIA patterns, returning a findings table with criterion numbers, severity, and specific fixes.

Applies Anthropic's official brand palette and typography rules to documents, slides, and other visual artifacts.

Scaffolds React + Tailwind + shadcn/ui projects and bundles them into a single self-contained HTML artifact for claude.ai.