Design & Media Agent Skills for OpenAI Agents SDK

Reconstruct high-fidelity diagrams from one or more reference images into editable Draw.io files, using native Draw.io elements for text…

Drkrm, the editor between your agent and the image or video model.

Use when a page or component needs a structured UX audit — quick scan applies 6 Krug-inspired usability checks; deep audit covers 15…

Use only when html-design-unified delegates, or the user explicitly names it, to create or repair a 16:9 HTML deck, webpage courseware…

Use when the user asks to create distinctive production-grade frontend interfaces, web components, pages, artifacts, posters, or apps, or…

Use when a frontend or Design/UI task needs UI performance diagnosis or fixes for loading speed, rendering, animation smoothness, image…

Use when a Design/UI task needs final visual polish, consistency fixes, alignment, spacing, micro-detail repair, edge-state cleanup, or…

Use when a Design/UI task needs to reduce visual intensity, noise, saturation, motion, or complexity while preserving quality and…

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story.

Create or redesign appointment-based service websites for salons, barbers, spas, wellness studios, clinics, and hospitality brands.

Blend editorial magazine composition with precision product-tech detailing using asymmetrical grids, cinematic media bands, mono utility…

Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the project's animation stack.

Production-readiness pass — audits and implements the full non-happy-path matrix: loading skeletons, empty states, error messages, partial…

Design web pages and app UIs with Efecto — create sessions, build layouts with JSX and Tailwind CSS, manage artboards, and push real-time…

Create world-class PowerPoint presentations with professional design, consistent branding, sophisticated animations, and polished visual…

Review UI code for alignment with the emcn design system — components, tokens, patterns, and conventions

Use when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and…

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

Create Excalidraw diagram JSON files that make visual arguments.

Generate an Excalidraw whiteboard in Sean's hand-drawn video style (Excalifont, roughness 1, green signature, socials + watermark, source…