Design & Media Agent Skills for OpenAI Agents SDK

Use this skill to verify that simplifying a website or interface does not remove accessible names, semantics, headings, labels, errors…

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers.

Use this skill when the question is whether users can *understand* the UI — predict its behavior, recover from errors, comprehend its…

Adapt designs to work across different screen sizes, devices, contexts, or platforms.

Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX).

Evaluates and refines UI/UX specifications for architecture, engineering, and construction platforms, BIM viewers, and plan review…

Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction.

Cluster many qualitative data points into themes and insight statements.

Global AG-Grid best practices: Ivy compatibility, responsive layout (flexbox), theming, and state persistence.

Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained…

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

Create visualizations and interactive tools directly in conversation.

Generate AI-ready metadata for design system components to enable intelligent UI generation.

Build advanced AI UIs with agent reasoning, tool visualization, generative UI components, and composable AI Elements for agentic interfaces

Removes image backgrounds automatically to extract clean subjects and generate transparent PNG assets via Flyelep AI API.

Generates and edits AI images and videos using structured prompt recipes, quality assurance checks, and standardized preview-ready…

Geracao de imagens humanizadas via Google AI Studio (Gemini).

Optimize Anima API costs through caching, incremental generation, and

Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API.

Hands a clean showcase screenshot to a person for annotation in CleanShot X on macOS, then recovers and verifies the saved result.

Creates or continues an editable annotation composition in a local pen.dev `.pen` file through Pencil MCP tools, hands it to a person for…