Design & Media Agent Skills for OpenAI Agents SDK

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

Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow.

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.

Frame a screenshot on a gradient background with the `beautify-screenshot` CLI (padding, rounded corners, shadow, optional inset border)…

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive.

Generates production-ready frontend interfaces inspired by world-class design systems like Stripe, Vercel, and Apple.

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

Generates educationally focused, grade-adapted blackboard and bulletin board design schemes with text and visual layouts for K-12…

Create a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene…

Turn one source image into a finished 3:4 Minimal Blue Poster with semantic style selection, a default full-design composition, an…

Plan UX patterns and design specifications.

Amplify safe or boring designs to make them more visually interesting and stimulating.

Expert children's book illustrator guide with 2024-2025 best practices, focusing on age-appropriate styles, color theory, character…

Create an archival book-reader design system with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium…

Apply subtle gradient-border treatments for premium web surfaces.

Validate brand compliance across visual, verbal, and legal dimensions with actionable reports

Use when user says "create presentation", "make slides", "make carousel", "LinkedIn carousel", "create HTML page", "make landing page"…

Building comprehensive brand identity systems from strategy to implementation.

Generates high-resolution weighted keyword word cloud PNG images with brand-aligned palettes, customizable shapes, and horizontal text…

Guides creation, revision, and review of Warp- or Oz-branded assets.