Design & Media Agent Skills for OpenAI Agents SDK

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.

A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack.

Video and audio perception, indexing, and editing.

OpenDesign's strategy memo: should it monetize the plugin registry now or hold — options, risks, and the recommendation.

Use this skill when the design has interactive capability but users aren''t *seeing* it — when the affordance is technically present but…

Apply deliberate dissimilarity (contrast) to distinguish elements that need to be perceived as different — primary vs. secondary actions…

Use visual similarity to create perceptual groups — making related items look alike so users perceive them as a set.

Bare essentials only — one column, maximum legibility, nothing extra.

OpenDesign's operating review: growth, burn, and the concrete path to sustainability without losing the open ethos.

Create and edit images using OpenAI image generation API with GPT image models (gpt-image-1, gpt-image-1-mini, gpt-image-2 and later).

Opinionated React/Next.js frontend guidelines for Singleton SD personal projects.

Own product requirement through approved UI design via Google Stitch, produce a Design Contract, then hand off to draft-technical-tickets.

Analyze any website's design system — detects UI framework, extracts colors, typography, and component patterns.

Build and finish frontend pages through a safe inspect–implement–run–visual-QA–fix–recheck cycle.

Deconstruct any live website into reusable recipe — extract HTML, CSS, JS, design tokens, animations.

Draw UI proposals, redesigns, and flow diagrams as hand-drawn Excalidraw/tldraw-style HTML boards — before/after screen mockups, annotated…

A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper.

Converts any block of text into a conceptual sketch image.

Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.