Design & Media Agent Skills for Claude Code

Map user missions from trigger to value moment, organizing features into coherent paths during PRD v0.4 User Journeys.

User personas, customer journey maps, interview guides, usability testing, and card sorting.

When to activate: user research, usability testing, user interviews, card sorting, diary studies, affinity mapping, persona development…

Specialized skill for synthesizing qualitative user research into actionable insights.

This skill teaches how to use Miro MCP tools effectively for creating diagrams, documents, tables, and extracting context from Miro boards.

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

Compare UX patterns across multiple reference apps using pattern libraries produced by ux-extract.

Create comprehensive UX design with user flows, wireframes, and design systems.

Design and review user flows, task completion, feedback, recovery, async interactions, destructive actions, and navigation behavior for…

Performs comprehensive UX audits and generates prioritized design improvement roadmaps using multi-dimensional analysis frameworks.

Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and…

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

UI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to understand the current UX state before…

Design one research round against the single riskiest hypothesis — behavioral screening, one modality chosen on purpose, a guide whose…

Deep UX design review for web applications — reads all code to map user flows, count friction, challenge whether each screen should exist…

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.

Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).

A humanities lecture: how Renaissance linear perspective reshaped early cartography — sources, argument, and evidence.

Text-to-speech models, voices, formats, and streaming via Venice.ai.

Use when improving accessibility — WCAG 2.2 compliance across Perceivable, Operable, Understandable, Robust.

Use when building UI components — design systems, state, responsive, a11y.