Design & Media Agent Skills

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.

**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…

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.