Design & Media Agent Skills for Claude Code

Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages.

Three.js and WebGL adapter patterns for HyperFrames.

Thumbnails and cover art. Use for a YouTube thumbnail, Shorts cover, title card, thumbnail text over a face or frame,.

Use when adding timers (`setInterval`, `setTimeout`), event listeners (`window.addEventListener`, `document.addEventListener`…

Analyze user experience patterns, best practices, and accessibility requirements for specific domains and applications.

Evaluate a UI or user flow against usability heuristics and provide actionable feedback

Family router for the 10 UX design laws.

Design user flows and navigation structure following proven UX patterns

Create UX-first plans as flow trees, then attach concrete function names, files, and implementation anchors after the high-level flow is…

When to activate: user research, UX research, user interviews, usability testing, surveys, diary studies, research plan, synthesis, insight

Guide, procedures, and usage documentation for all Vanilla Blade UI components in resources/views/components (no Livewire, no Inertia).

This skill should be used when building independent widgets, reusable libraries, landing pages or static sites with minimal interactivity…

Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).

Use when implementing or reviewing UI against Figma, screenshots, design tokens, or an existing component system.

Minimal pre-launch landing with email capture, brand logo, and optional decorative layer.

General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting…