Design & Media Agent Skills for OpenAI Agents SDK

Builds fully interactive, stateful UI prototypes with realistic navigation, validation, loading indicators, and error feedback.

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products.

Use when building or modifying admin dashboards, internal tools, ops panels, or back-office UIs.

Communicate design's contribution to business and user outcomes in terms that resonate with stakeholders.

Research posters in LaTeX using beamerposter, tikzposter, or baposter.

Creates self-contained, beautifully designed single-file HTML deliverables in Japanese for reports, dashboards, landing pages, and…

Designs bespoke, self-contained HTML artifacts with distinctive typography, intentional palettes, and polished Japanese layout principles.

Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models.

User research reconnaissance — survey existing personas, research docs, interview notes, and feedback artifacts to establish what is…

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies.

Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography.

Design any user-facing experience end-to-end: task flows, multi-step workflows, navigation structures, onboarding, settings, search…

Use when implementing or reviewing jQuery DOM selection, traversal, manipulation, and method chaining patterns with correct selector…

Check if a React component's prop interface is ready for json-render migration.

Generate guardrailed UI from natural language.

Create distinctive, production-grade frontend interfaces with high design quality.

Review UI code for Web Interface Guidelines compliance.

Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter.

Build slide decks and presentations for research talks.

Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool…

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback.