Design & Media Agent Skills for OpenAI Agents SDK

Design and review user flows, task completion, feedback, recovery, async interactions, destructive actions, and navigation behavior for…

Performs comprehensive UX audits and generates prioritized design improvement roadmaps using multi-dimensional analysis frameworks.

Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and…

Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone

UI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to understand the current UX state before…

Design one research round against the single riskiest hypothesis — behavioral screening, one modality chosen on purpose, a guide whose…

Deep UX design review for web applications — reads all code to map user flows, count friction, challenge whether each screen should exist…

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.

Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).

A humanities lecture: how Renaissance linear perspective reshaped early cartography — sources, argument, and evidence.

Text-to-speech models, voices, formats, and streaming via Venice.ai.

Use when improving accessibility — WCAG 2.2 compliance across Perceivable, Operable, Understandable, Robust.

Use when building UI components — design systems, state, responsive, a11y.

Vibecode brand design system with colors, typography, spacing, and component guidelines.

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.

Convert video files (MP4, WebM, MOV) into interactive web scroll animations, sticky canvas frame sequences, background video controllers…

Turn a reference video into a super detailed recreation or inspiration prompt.

Native browser View Transitions API for seamless page and state transitions.

Operation and scaling of existing design systems — multi-branding and theming, semantic versioning and deprecation of tokens and components…

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.

Generate/edit images with Nano Banana Pro (Gemini 3 Pro Image).