Design & Media Agent Skills for Claude Code

Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials, GLTF loading…

YouTube thumbnails, video covers, and article header images via AI image generation and code generation.

Build distinctive, production-grade frontend interfaces with a strong visual point of view.

Drive and script tldraw offline canvases with an agent.

Toolcraft: use when a generated app task includes a Figma URL, node ID, or design-to-code requirement.

Run or review topology-optimized FDM structural parts from design envelope and BESO through symmetry control, printable reconstruction…

Provides patterns and best practices for TouchDesigner via MCP API - operator creation, network layout, rendering, GLSL shaders, data…

Build a product trailer as HTML scenes rendered to MP4 — the Nexus/Qontext house style.

Transform a user-uploaded photograph into one horizontal collectible memory card with a large quiet editorial illustration, six integrated…

Research latest UI/UX trends from Dribbble and design communities.

Create distinctive, production-grade frontend interfaces with high design quality.

Use when a Design/UI task needs typography improvements, font choice, hierarchy, sizing, weight, line length, readability, or text…

Audits web typography against 78 rules in 10 categories: font selection and @font-face setup, sizing and measure, punctuation, spacing and…

Browse and select fonts from Google Fonts or curated pairings.

Give any uCoz site a beautiful, modern makeover — safely.

Analyze UI design screenshots and generate React components with TypeScript and Tailwind CSS.

Add purposeful animations and transitions to UI — enforces motion budget, bans bounce/elastic easing, and requires prefers-reduced-motion…

Builds distinctive, production-grade UI: pages, components, visual polish against screenshots or first-impression complaints, typography…

Use when a UI cloning attempt produced a poor or incomplete result and needs to be improved iteratively.

Use when performing a forensic analysis of a target website as part of the UI cloning pipeline.

Use after generating a UI replication prompt to verify it meets all quality standards before delivery.