Design & Media Agent Skills for OpenAI Agents SDK

Scaffolds production-grade Web platforms and admin dashboards from scratch using shadcn UI, Tailwind CSS v4, and modern registry workflows.

Generates, modifies, and versions interactive HTML prototypes and specifications directly from product requirements using an AI-driven…

54 real-world design systems (Stripe, Linear, Vercel, Notion, Apple…) as ready-to-paste HTML/CSS — exact colors, typography, components…

Design reusable 2D character pose libraries, action cycles, and expression states for data-driven animation.

Turn a user photograph into a collectible orientation-aware postcard-zine using a source-faithful watercolor scene, an in-place perforated…

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.

Use this skill when the user requests to generate, create, or make presentations (PPT/PPTX).

AI-driven presentation workflow for generating editable PPTX decks and slides, reconstructing page visuals, creating reusable…

Detailed reference guide for common animation scenarios.

Reconstruct renderer-compatible Solstice PRC proof templates and their embedded creative from PDF files, screenshots, or Figma designs.

Create a single premium 3D collectible toy-style icon from a requested word or concept.

Create or restyle a living animal or character as a premium 3D collectible icon with short, dense, carefully groomed fur and stylized toy…

Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.

Expert landing page designer specialized in creating premium, professional, high-converting landing pages that don't look AI-generated.

Professional framework for building premium $5k+ SaaS websites with AI - the Define, Build, Review, Refine loop used by real product teams

Designs relationship-driven system architectures, workflows, and visual diagrams tailored for technical reviews and executive presentations.

Use when building creative browser demos with @chenglou/pretext — DOM-free text layout for ASCII art, typographic flow around obstacles…

Use when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FAQs, layout patterns…

PrimeNG table patterns for ASP.NET Zero (simple and paginated, lazy loading)

Shoot, animate, title and optionally score product demo videos with Remotion — for a landing page, docs, onboarding, an app store listing…

Use this skill when Product Design is explicitly invoked or the main task is product design exploration, UX research, flow auditing or…