Design & Media Agent Skills for Claude Code

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth.

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design…

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability…

Conventions for adding or editing the SceneMenuBar above a scene's <SceneTitleSection>.

Build data-entry forms with Zod → JSON Schema → JSON Forms (jsonforms.io), custom Tailwind/token renderers, and typed submit wiring.

Polish raw screenshots into LP-ready heroes.

Build award-winning scroll-animated websites end to end.

Turn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states…

Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence…

Reveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line…

Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of…

Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite…

Add a new Sim settings page, or audit existing settings pages for design-system compliance with the shared SettingsPanel layout.

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and…

Build a polished split-screen login page as a pure-frontend Vite app: left column brand statement (bold static headline, optional…

Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport.

Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram…

Guide the first use of Make Brand Assets For Me.

Inspect, debug, and inject custom code into a running Steam client — desktop (macOS, Linux, Windows) or Steam Deck over the network…

Unified entry point for Stitch design work.