Design & Media Agent Skills for Claude Code

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.

Design user flows and navigation structure following proven UX patterns

Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone

Apply behavioral psychology and persuasive design principles to UX flows.

Map colors, typography, spacing, imagery style, and layout patterns to specific target emotions, demographic groups, and conversion goals.

Generates high-end WebGL-style fluid displacement backgrounds with cinematic quote overlays for video intros and landing pages.

Live region and dynamic content announcement specialist.

Automate Lmnt tasks via Rube MCP (Composio).

Design waiting experiences — spinners, skeletons, optimistic updates, and progressive reveal.

Adapts experiences across cultures and languages — not just translation, but cultural reconception.

Generates cinematic brand closing frames and video outros featuring animated logo assembly and sophisticated glow effects.

Generates cinematic, animated brand closing frames with segmented logo assembly and glowing tagline reveals.

Generate lorem ipsum placeholder text. This skill should be used when users ask to generate lorem ipsum content, placeholder text, dummy…

Lottie and dotLottie adapter patterns for HyperFrames.

Use this plugin when the user wants a cinematic luxury-fragrance / botanical landing page: a fullscreen video hero, a scroll-driven…

For marketing and gtm work: bind launches, campaigns, events, and brand plans to growth and pipeline outcomes.

Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.

Automate Adobe tasks via Rube MCP (Composio).

Apply cultural mapping — using shared conventions (icons, colors, gestures, metaphors) to convey what a control does when natural spatial…

Generates high-impact, vertical marketing posters and social media share images optimized for mobile platforms.

A margin-recovery diagnosis for a regional grocery chain — the governing thought, the driver tree, the priorities, and the roadmap.