Design & UI

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.

Instantly resolves CDN URLs and downloads brand icons for AI models and providers like Claude, GPT and Gemini.

A short two-batch interview plus 3–5 reference frames that produces brand.md, MOTION.md and a read-first rule in CLAUDE.md so every animation stays on-brand.

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

A StyleSeed skill that converts a human-approved UI design correction into a privacy-minimized local rule candidate, with explicit review and opt-in share steps.

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

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

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

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

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.

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.

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

Writes a design manifesto first, then expresses it as a museum-grade poster or artwork in PDF/PNG.

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