Design & Media Agent Skills for Claude Code

Build research-grounded personas with goals, frustrations, and behavioural patterns.

User interviews, usability testing, surveys, card sorting, and qualitative research methods.

Use when any Bridge command is invoked (make, fix, done, setup, drop, status) or any Figma / design-system / compiler / Bridge workflow…

Builds a UX benchmark of one product flow across competitors, using screens captured from public YouTube walkthroughs.

Write or review UX copy — microcopy, error messages, empty states, CTAs.

Use this skill when flows feel clunky, users are confused, navigation needs planning, onboarding needs design, or accessibility needs…

Evaluate and improve interface usability using heuristic analysis.

Apply behavioral psychology and persuasive design principles to UX flows.

Core UX principles for product owners. Load when evaluating interface designs, writing acceptance criteria with UX requirements, or…

Conducts comprehensive user research, analyzes customer feedback, and generates data-driven personas for product optimization.

Image generation endpoints and available styles via the Venice.ai API.

Automate Veo tasks via Rube MCP (Composio).

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component…

Review UI code for Web Interface Guidelines compliance.

Generates high-impact video intro quote reveals featuring cinematic cursor trails and chromatic aberration effects.

Generate design systems with color palettes, typography, spacing scales, component tokens, and Tailwind config

Figma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.

This skill should be used when the user asks to analyze a UI screen recording and map interaction states into Figma.

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.

Use when making UI/frontend changes guided by visual context, when the user selects elements visually, draws annotations, or provides…

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