por Juanjo LunaCrear apps con ChatGPT Apps
Te ayuda a crear y depurar aplicaciones que combinan un servidor MCP y una interfaz de widget. Sirve cuando necesitas preparar una app compatible con el ecosistema de ChatGPT Apps.
Descripción original (inglés)
chatgpt-apps: Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta chatgpt-apps en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/openai/skills.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/.curated/chatgpt-apps" ~/.claude/skills/chatgpt-apps
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de openai/skills
- Trabajar con ASP.NET Core aspnet-core
- Crear herramientas de línea de comandos cli-creator
- Desplegar en Cloudflare cloudflare-deploy
- Definir un objetivo concreto define-goal
- Trabajar con Figma figma
- Vincular Figma con componentes figma-code-connect-components
- Crear reglas de diseño para Figma figma-create-design-system-rules
- Crear un archivo nuevo en Figma figma-create-new-file
Explicación redactada con ayuda de IA a partir de la descripción original.