openai-skills

openai-skills

カタログの概要 — 完全なパッケージはこちら：openai/skills

判断フロー

OpenAI 固有のスキルワークフローを使用する前に、以下を実行してください。

1. OpenAI のスキルはすでにインストールされていますか？ 確認：代表的なスキルである ~/.design-agent-skills/skills/frontend-skill/SKILL.md が存在するか確認します。

   • はい → 名前を指定して該当するスキルを呼び出し、続行します
   • いいえ → 手順 2 に進みます

2. シェルにアクセスできますか？

   • はい → 以下の特定のスキルをインストールしてから、呼び出します
   • いいえ → インストールコマンドを表示します。Claude Code では、先頭に ! を付けてチャットメッセージとして送信してください。グローバルにインストールするには -g を追加し、プロジェクトのみにインストールするには省略します

インストールコマンド

# 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

インストール後の呼び出し

• frontend-skill — 「視覚的に訴求力のあるランディングページ」、「アプリ UI」、「フロントエンドデザイン」
• slides — 「PowerPoint を作成」、「スライドを作成」、「PPTX」
• imagegen — 「画像を生成」、「画像を編集」、「OpenAI image」
• Figma スキル — 上記の figma-official-skills と同じトリガー

機能

OpenAI の公式スキルコレクションです。高品質なランディングページやウェブアプリのフロントエンドデザイン、PptxGenJS を使用した PowerPoint の生成、OpenAI Image API による画像の作成と編集、そして公式の Figma スイートに対応する 6 つの Figma 統合スキルを提供します。