Design & UI

A usage playbook for the Appllama MCP: research real screens and flows from top-grossing mobile apps, then build from what you learn.

Writes an algorithmic art 'manifesto' first, then implements it as a seeded, interactive p5.js artwork in a single self-contained HTML file.

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.

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.

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

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.

Turns any text, page or URL into an HTML card in Claude/Anthropic's design language and screenshots it to PNG with Playwright.

Writes a design-philosophy manifesto first, then expresses it as a single-page PDF or PNG art piece.

A capstone skill that validates design-token usage and wires skill-generated components into a working React/Next.js, Python, or Rust project.

Builds event covers, YouTube thumbnails, and Telegram images from a fixed dark/orange design system in HTML, then renders them as crisp 2x PNGs with Playwright.

A skill that pushes Claude to build production-grade web UI with a bold, cohesive aesthetic instead of generic AI-looking output.