Design & Media Agent Skills for Claude Desktop

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library.

Three.js and WebGL adapter patterns for HyperFrames.

Scaffold and build interactive 3D visualizations using Three.js with emphasis on algorithmic art, sacred geometry, temporal animations…

Create 3D scenes, interactive experiences, and visual effects using Three.js.

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…