Design & UI

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

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.

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

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

A zero-dependency playbook for modern CSS animation: scroll-driven timelines, View Transitions, @starting-style and anchor positioning.

Turns one brief into several complete identity sets (logo, type, palette), measures them with scripts, and ships a guidelines kit for the set you pick.

Turns reference UI screenshots into a documented design system, an MVP PRD, and an implementation-ready UI prompt for React + Tailwind.

Audits and fixes web accessibility against WCAG 2.2 with an evidence-led Lighthouse + keyboard workflow.

Turns a game design doc into an ART_DIRECTION.md covering visual identity, gameplay-serving feedback, HUD, audio and key in-game moments.

A UI design skill that extracts real color/type tokens from reference pixels, locks them per project, and rotates page structure so your interfaces stop looking AI-generated.

Matches your concept to a real unDraw illustration in a local library and recolors it to your brand accent for one polished SVG.

Turns exactly one design axis (denser, bolder, sharper corners, flatter, livelier) up or down along a bounded ramp, with guardrails and a re-gate.

Audits an existing screen against Nielsen's 10 usability heuristics plus mobile UX rules and returns a severity-ranked fix report.

Statically audits a component or page against WCAG 2.2 AA and applies the fixes it safely can.

Enforces the correct shadcn CLI workflow and code conventions when adding, fixing, or styling shadcn/ui components.

Generates production-ready, token-driven and accessible UI component code for almost any framework, from React+Tailwind to SwiftUI and Flutter.

Turns reference designs into a three-dimensional JSON profile (system tokens, style, visual effects) and regenerates new pages from it with measured-color verification.

Practical rules and ready-made code patterns for algorithmic art on Canvas 2D — particles, flow fields, noise, fractals, L-systems.