Design & Media Agent Skills for OpenAI Agents SDK

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.

Upload, stream, search, edit, transcribe, and generate AI video and audio using the VideoDB SDK.

Transforms plain text into hand-drawn marker and whiteboard-style animated short videos using rough.js primitives and automated quality…

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).

Local vision CLIs: glance (describe/ask/OCR an image), ground (locate a target, pixel box), detect (element inventory), trace (image to…

Detect AI-generated UI patterns in CSS and component files — reports side-tab accents, gradient text, glassmorphism, bounce easing…

Convert a user-supplied designed image or an existing visual_dna_system document into a debranded, platform-specific illustration-style…

Specify any visual piece —a product interface, a presentation, an infographic— screen by screen or slide by slide: purpose, structure…

Extract a reusable, de-branded Visual DNA Design System from visual samples such as websites, screenshots, Figma references, images…

Open a running local app in Design overview mode as URL-backed iframe screens for visual editing, flow review, duplication, and…

Use this skill to audit or define a constrained visual system for a website, interface, landing page, portfolio, or design system.

Create animated flow diagrams from articles, workflow notes, architecture sketches, or process descriptions using a JSON specification and…

Audits UI layouts, slides, and dashboards to identify visual hierarchy flaws, inconsistent spacing rhythm, and misaligned emphasis signals.

Use when a project needs its visual/frontend design direction decided — fonts, colors, theme, spacing, and overall feel — before or during…

Comprehensive visual reasoning engine. Transforms abstract creative intent into structured visual specifications for image generation and…

Generate visual prototype prompts from SCR- entries for Google Stitch (or equivalent UI generation tool).

Create, extract, and apply portable visual design systems via visual-style.md files.