Design & Media Agent Skills

Create a dark premium design system that combines near-black surfaces, subtle ordered-dither texture, and a thin accent-colored laser…

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

Create or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard typography, hard…

Generates and orchestrates commercial graphics, social media assets, brand systems, and marketing visuals with consistent style management.

Automate Dovetail tasks via Rube MCP (Composio).

UI/UX design intelligence with searchable database

Use when asked to structure a landing page, design page layout for conversion, or plan landing page information architecture.

Use when asked about UX patterns, interaction best practices, form design, navigation patterns, or loading states.

UX designer — user flows, information architecture, wireframes, and interaction design.

Generate Excalidraw diagrams with a hand-drawn aesthetic using Drawbridge.

Automate Dreamstudio tasks via Rube MCP (Composio).

Design legible expressions and custom animations for the ESP32-S3 8x8 LED matrix (Claude's expression channel, matrix_express /…

Enhances auto-generated spectrum-design-data PRs from spectrum-tokens-studio-data sync (branch tokens-sync/patch-spectrum2-from-main…

Builds convincing landscapes, cityscapes, interiors, and imagined environments using terrain, weather, scale, and layered space.

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll…

The design token system — a four-layer boilerplate (brand primitives → semantic tokens → theme overrides → framework mapping) that any…

Creates, modifies, and validates structured Excalidraw diagrams with automated layout checks and safe review workflows.

Explore and compare multiple meaningfully different UI directions grounded in the current project's design system and 21st inspiration.

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Use the exposure effect deliberately in onboarding and habit formation — getting users to repeated, low-friction encounters with the…

Extract design primitives from a public website and generate starter token files for your project.