Design & Media Agent Skills for Claude Code

Build a web page using the kunchenguid design system.

Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing websites with original reference-inspired…

Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites.

Build rich, scroll-controlled real-time Three.js experiences as one persistent 3D world whose camera, lighting, atmosphere, materials…

How to build Mastra frontend interfaces with the @mastra/playground-ui design system.

Guide for adding a product setup empty state — the skippable first-run screen a product scene shows until real data arrives, built on the…

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a…

Build UIs with the IBM Carbon Design System.

Build data-driven 2D character rigs for local animation: parts, pivots, layers, constraints, views, and reusable rig packages.

Implement or extend the opt-in Codex/T3-like chat-first shell.

Default workflow for generating, editing, transforming, or using raster images as references with the configured personal…

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis.

Directs cinematic illumination, atmosphere, time of day, and tonal contrast.

Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text…

Builds bespoke, editorial-style single-page cinematic showcase websites for movies with verified facts and responsive layouts.

A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic.

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.

Create a clean minimal beige light-mode design system with warm neutral shells, quiet process grids, restrained accent color, and elegant…

How to add routes without remounting the app shell.