Design & Media Agent Skills for OpenAI Agents SDK

Generate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js, SwiftUI, Vue, Svelte…

Design a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility.

Create helpful, actionable zero-content states

Set up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across…

Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table.

Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component).

Build high-contrast chiaroscuro and falloff.

Use canted angles for unease without cheap tilt.

Direct elder presence, dignity, and authority.

Remove unnecessary borders, backgrounds, shadows, decorations

Stage ensemble blocking and group eyelines.

Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies

Emulate classic noir shafts, venetian, and rain.

Light with fire, candle, and warm practicals.

Generate Flux.2 architectural and environment stills.

Generate Flux.2 fashion and beauty editorials.

Use golden-hour sun angle, color, and length.

Use proximity and spacing to show relationships

Prompt health, wellness, and care visuals.

Emulate Impressionist broken color and atmosphere.

Ensure WCAG AA accessibility and readability