Design & Media Agent Skills for OpenAI Agents SDK

Authoritative UI/UX Design System Guide based on EtroxTaran/Uiplatformguide

Use when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or…

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

React and Next.js frontend development standards for Retail-Agentic-Commerce.

Protects design and theme files from unintended changes.

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…

Convert UI screenshots, website URLs, screen recordings, mockups, and design images into editable React/Vue/HTML/CSS frontend code with…

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…

Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives

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.

Analyze screenshots and existing interfaces into evidence-backed UI specifications.

Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.

Design planning interview before writing UI code — produces a design brief covering register, typography strategy, color constraints, and…

Audit, add, or update a UI resource source card in the UI Design Playbook catalog when license, access tier, provenance, integration, or…