Design & Media Agent Skills for Devin Desktop

This skill should be used when creating distinctive, production-grade frontend interfaces with high design quality.

Audit a StyleSeed-based component or page for WCAG 2.2 AA issues and apply practical accessibility fixes where the code makes them safe.

Generate a new UI component following the StyleSeed design conventions

UI component library patterns for shadcn/ui and Radix Primitives.

Authoritative guide for implementing stunning, accessible, performant UI.

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling…

50+ named UX rules with numeric thresholds, 30+ UI styles catalog, industry anti-patterns, pre-delivery checklist

Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.

Generates professional-grade UI/UX design systems and high-fidelity components using an intelligent reasoning engine across 15+ tech stacks.

Creates diagrams via the uml-mcp MCP server (generate_uml, validate_uml, list_diagram_types, generate_uml_batch) and returns shareable…

Strip the "AI-vibecoded slop" look out of a UI and rebuild it as something a real designer would ship.

Design a usability study — research questions, methodology, participant criteria, metrics, and facilitation guide.

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call.

UI/UX best practices for web interfaces.

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.