Design & UI

A reference of CSS component classes and HTML slide patterns for a single-file HTML presentation deck.

A rule-based UI polish reviewer that checks concentric radii, optical alignment, elevation, and motion against exact values and reports findings by severity.

Generates an original design philosophy first, then expresses it as a single-page PDF or PNG artwork.

Guides Claude to produce production-grade frontend code with a bold, intentional aesthetic instead of generic AI-looking UI.

An umbrella design skill with six modes: UX copy, design systems, design critique, WCAG accessibility audits, developer handoff specs, and user research synthesis.

Turns vague visual taste into a batch of comparable design options so the user can point at what they actually want.

Keeps a Remotion motion-graphics kit and its editable Figma boards in sync, porting board edits into brand tokens and components — and code changes back into the boards.

Generates React/Tailwind v4 UI components that strictly follow StyleSeed design conventions.

Turns a novel's source bible and product brief into three genuinely different game concepts, then picks the most worthwhile prototype via hard vetoes and explicit trade-offs.

A disciplined build workflow that resolves the StyleSeed rule set before any code, then forces the screen through a code-score gate and a pixel-verification gate before it can be presented.

Turns an existing game design doc into a production-level ART_DIRECTION covering visual style, camera, functional colour/light/material, HUD, motion and audio.

Designs app, admin, game and full landing-page UIs, then rebuilds mockups or screenshots as HTML/CSS, code in an existing frontend project, or a WeChat mini program.

Reverse-engineers a public website's colors, fonts and spacing into starter design token files for your project.

A compact web accessibility reference covering WCAG 2.2 AA criteria, ARIA patterns, keyboard navigation and axe-core testing.

A reference skill for auditing web content against WCAG 2.2 and prioritizing accessibility fixes.

A design template that renders 1600×900 (16:9) quote or data cards ready to attach to a tweet.

Drives the Superdesign CLI to design UI, slide decks, posters and image/video assets on an infinite canvas across multiple frontier models.

Guides Claude to build production-grade frontend code with a bold, intentional aesthetic instead of generic AI-looking UI.

Audits a website for accessibility defects and guides fixes up to WCAG 2.1 AA compliance.

Generates 16 icons at once as a single 4×4 sheet, then slices each cell and removes the background to deliver a transparent-PNG icon set.