mcpField
O
openai-skills

openai-skills

github.com/podo设计与 UI29158 次安装1 天前更新
代码仓库

关于 openai-skills

openai-skills 是 OpenAI 官方技能集合，面向前端设计、演示文稿、图像创作和 Figma 集成。

主要功能

  1. 01为落地页和 Web 应用提供前端设计技能
  2. 02使用 PptxGenJS 创建和编辑演示文稿
  3. 03通过 OpenAI Image API 生成和编辑图像
  4. 04提供六种 Figma 集成技能

适用场景

  1. 01设计落地页或应用界面
  2. 02创建或修改 PowerPoint 演示文稿
  3. 03生成或编辑图像
  4. 04使用 Figma 集成技能

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill openai-skills

安装后在 Claude Code 中输入/openai-skills确认已加载。

附带文件stub.yaml

详细介绍

openai-skills

目录存根 — 完整软件包：openai/skills

决策树

使用 OpenAI 专属技能工作流前，请先执行以下步骤：

  1. 是否已安装 OpenAI 技能？ 检查：~/.design-agent-skills/skills/frontend-skill/SKILL.md 是否存在（代表性技能）。

    • 是 → 按名称调用相应技能并继续
    • 否 → 转到第 2 步

  2. 是否可以访问 shell？

    • 是 → 安装下面的相应技能，然后调用它
    • 否 → 显示安装命令；在 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 图像”
  • Figma 技能 —触发词与上面的 figma-official-skills 相同

功能

OpenAI 的官方技能集合：用于制作高质量落地页和 Web 应用的前端设计、使用 PptxGenJS 生成 PowerPoint、通过 OpenAI Image API 创建和编辑图像，以及 6 个与官方 Figma 套件相对应的 Figma 集成技能。

评论

支持 Markdown