# Openai Skills

> 9 official OpenAI skills: 6 Figma design skills (mirroring the Figma official suite), frontend design for landing pages and apps, PowerPoint slide creation with PptxGenJS, and image generation using the OpenAI Image API.

- Skill: `podo/openai-skills` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add podo/openai-skills`
- Raw SKILL.md: https://api.skillmd.com/api/skills/podo/openai-skills/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: podo (https://skillmd.com/u/podo)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/podo/openai-skills

---


# openai-skills

> Catalogue stub — full package: [openai/skills](https://github.com/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

```bash
# 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.