Design & Media Agent Skills for Claude Code

Creates animated GIFs optimized for Slack including emoji animations and message GIFs with proper sizing and frame rates.

Creates web assets including favicons, app icons, Open Graph images, social media cards, and other web graphics from source images or…

Create a minimal working Lucidchart example.

Local Dev Loop for Lucidchart.

Rate Limits for Lucidchart.

Design and build native-feeling macOS application UIs.

Establish, inspect, or evolve a project's reusable design-system foundations, semantic tokens, themes, component inventory, variants, and…

Master microinteractions, animations, transitions, and feedback systems.

Extract design systems from reference UI images and generate implementation-ready UI design prompts.

Use when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or…

Add small, clear motion to an approved brand raster and deliver layers, loops, or first and last frames.

Turn a method, sequence, maturity model, or grouped idea into a small family of separate brand assets.

Make one integrated brand scene with several visual parts and deliberate room for copy.

Apply concrete design-engineering details that make interfaces feel polished.

Make or reuse one brand-matched raster asset with one clear meaning.

Adds collapsible floating parameter panels to single-file HTML prototypes for live real-time adjustments of colors, typography, layout…

Create Manim animations for demo videos.

Configuring fonts and glyphs for MapLibre GL JS and MapLibre Native — the style's `glyphs` URL, self-hosting or generating font PBFs, the…

Apply the principle of Mapping — designing the relationship between controls and their effects so the connection between input and output…

Apply natural mapping — the strongest form of mapping, in which the spatial position, motion, or shape of a control directly corresponds…

Create or improve production-quality frontend UI/UX in code, including React, Next.js, Tailwind CSS, shadcn/Radix, responsive layouts…