Design & Media Agent Skills

You are an expert technical writer specializing in UI component library documentation for the Medusa UI design system.

Extracts reusable component inventories, design tokens, and accessibility contracts from existing page implementations.

Acquire approved external UI components and normalize them into a project's design system.

Defines and documents comprehensive UI component standards for consistent, production-ready frontend development.

Dense dashboard / admin / Bloomberg / Retool / data-heavy internal tools.

Design and build production-grade frontend interfaces from scratch, covering the full arc: context gathering, reference collection, visual…

Design and review production web interfaces, component hierarchy, action placement, visual priority, feedback states, and interaction…

Design intuitive, accessible, and visually coherent interfaces aligned with brand and product goals.

Redesign an existing frontend's visual and UX layer while preserving routes, flows, data behavior, permissions, accessibility, and other…

Design or build a frontend from zero using the curated UI Design Playbook sources, with a compatible free option by default and explicit…

Production-readiness pass for UI — audits and fixes error states, empty states, text overflow, small touch targets, and i18n gaps before…

UI implementation rules — design engineering directives, layout discipline, image strategy, AI tells (forbidden patterns), motion, dark…

Audit a product interface through real user tasks, visual hierarchy, accessibility, responsive behaviour, state feedback, and interaction…

Fix spacing rhythm, visual hierarchy, and layout issues in UI files — enforces consistent spacing units, adequate padding on interactive…

PRD to High-Fidelity UI Delivery Alignment / Desktop Workbench UI Mockup: When users already have a PRD, UI specifications, real front-end…

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.

Use this skill when the user needs to build a dashboard, settings page, data table, or any page layout.

Final pre-ship UI quality pass — reads the persisted critique snapshot as a prioritized backlog and implements fixes from P0 down

Conducts comprehensive pre-release quality audits across accessibility, visual hierarchy, interaction states, and AI design tropes.

Select and compare catalog sources for specific UI components, patterns, or integrations.