Design & Media Agent Skills for Claude Code

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind…

Create beautiful visual art in .png and .pdf documents using design philosophy.

Build interactive 3D experiences in React using react-three-fiber (R3F), drei helpers, and shader integration.

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives.

Toolkit for styling artifacts with a theme.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind…

Create a vertical spiral-bound fashion journal collage from a full-body outfit image, with complementary accessory cutouts and an airy…

Use when a Design/UI task explicitly asks for unusually ambitious, highly expressive, technically advanced interface work with shaders…

House-style oversized macOS cursor technique for HyperFrames launch videos.

Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.

Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.

Knowledge and utilities for creating animated GIFs optimized for Slack.

Add purposeful UI motion, transitions, micro-interactions, and reduced-motion behavior without harming clarity or performance.

Create polished, distinctive, production-ready frontend interfaces and design systems.

Streamlines the creation of industrial-grade UI designs and design systems within the Pencil MCP environment.

Generate user persona documents and empathy maps from templates

Run structured multi-persona usability/UX testing on a software application using its GitHub repository and/or screenshots as input.

Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.

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