Design & Media Agent Skills for OpenAI Agents SDK

Orchestrate iterative visual style searches with branch prompts, decision graphs, feedback loops, and final direction selection.

Design the words in a product — labels, instructions, errors, confirmations, empty states, onboarding copy, tooltips, voice and tone…

High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

Design ASCII progress bars and spinners for CLI UX (determinate/indeterminate, TTY single-line refresh, non-interactive log fallback) with…

Generate a reusable ASCII-only text template library (titles, dividers, notice boxes, slogans/CTA), with naming conventions and selection…

Route a user's Liquid Glass request to the most suitable blog-derived child skill.

Unified design router: logo, CIP, banners, slides, icons, social photos, design tokens.

Frontend component architect — decides component hierarchy, enforces SRP, and provides structured component specifications.

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Generate images with Gemini (default) or fal.ai FLUX.2 klein 4B (--cheap for fast/low-cost).

Create distinctive, production-grade frontend interfaces with high design quality.

Generate Excalidraw diagrams from text content.

Create banners using AI image generation.

Design banners for social media, ads, website heroes, creative assets, and print.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.

Create high-quality draw.io diagrams with better layout for architecture diagrams, flowcharts, block diagrams, system maps, data flows…

Help users apply behavioral science to product design.

Use when working with icons in any project.

Design or review interfaces with scenario-first interaction, spatial clarity, precise labels, and component-by-component responsive…