Design & Media Agent Skills for OpenAI Agents SDK

Design for multiple languages, writing directions, and cultural contexts — text expansion, RTL mirroring, and locale formats.

Extract design systems from reference UI images and generate implementation-ready UI design prompts.

Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project.

Provides brand naming frameworks, evaluation criteria, and templates for startup naming work.

Canva API for design creation. Use when user mentions "Canva", "create

Produces a complete, Claude-Design-compatible design system folder for any brand, ready to upload to Claude Design's "Set up your design…

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any…

Semantic Design System Skill for Google Stitch.

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Make modal dialogs keyboard accessible.

Manually invoked skill for reskinning Payload UI components.

This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes.

Signs of taste in web UI. Use when building or reviewing any user-facing web interface — dashboards, SaaS apps, marketing sites, internal…

Use this skill when the question is whether users can *operate* a UI — keyboard, switch device, voice, screen-reader gestures — not just…

Generates professional, publication-ready diagram and chart images across 10 structured formats and 6 distinct visual styles.

Check for .claude/apple-design-context.md before asking questions.

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

Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction…

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call.

Builds comprehensive design systems and design bibles with production-ready CSS.

Generates production-ready, high-conversion landing pages using Next.js 15, Tailwind CSS v4, and shadcn/ui.

Create beautiful infographics based on given text content.