Design & Media Agent Skills

Use when designing, redesigning, or polishing a website, landing page, dashboard, app UI, or client site.

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

Design and implement polished web or mobile interfaces from a product brief.

Audit visual UI quality — layout hierarchy, spacing, typography, color, consistency, and Gestalt grouping

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.

Generates interactive HTML UI specifications paired with playable state machine simulators for iterative, decision-logged design reviews.

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

Review a frontend application's rendered component or widget tree from the top-level entry point downward.

Evidence-driven UI/UX design and frontend engineering skill.

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…

Universal, evidence-driven UI/UX engineering, product design, and design systems skill for ANY software stack.

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

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

UI/UX best practices for web interfaces.

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…