openai-skills

Catalogue stub — full package: openai/skills

Decision tree

Run this before using OpenAI-specific skill workflows:

1. Is an OpenAI skill already installed? Check: ~/.design-agent-skills/skills/frontend-skill/SKILL.md exists (representative skill).

   • Yes → invoke the specific skill by name and proceed
   • No → go to step 2

2. Do you have shell access?

   • Yes → install the specific skill below, then invoke it
   • No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

# Visually strong landing pages and app UIs
npx skills add openai/frontend-skill

# Create/edit .pptx decks with PptxGenJS
npx skills add openai/slides

# Generate/edit images using OpenAI Image API
npx skills add openai/imagegen

# Figma skills (mirror figma/ official suite)
npx skills add openai/figma
npx skills add openai/figma-implement-design
npx skills add openai/figma-generate-design
npx skills add openai/figma-generate-library
npx skills add openai/figma-code-connect-components
npx skills add openai/figma-create-design-system-rules

Invoke after install

• frontend-skill — "visually strong landing page", "app UI", "frontend design"
• slides — "create PowerPoint", "make slides", "PPTX"
• imagegen — "generate image", "edit image", "OpenAI image"
• Figma skills — same triggers as figma-official-skills above

What it does

OpenAI's official skill collection: frontend design for high-quality landing pages and web apps, PowerPoint generation using PptxGenJS, image creation and editing via the OpenAI Image API, and 6 Figma integration skills mirroring the official Figma suite.