chatgpt-app-builder — скилл для Claude Code: создание плагинов ChatGPT
Ведёт по всему циклу создания плагина ChatGPT: от идеи до публикации. Пригодится, когда нужно собрать MCP-сервер с UI для ChatGPT на Skybridge.
npx skills add alpic-ai/skybridge --skill chatgpt-app-builder -a claude-codeЧто делает chatgpt-app-builder
Скилл chatgpt-app-builder заточен под разработку плагинов для ChatGPT — их раньше называли ChatGPT apps. По сути это MCP-серверы, которые ChatGPT вызывает во время разговора, плюс кастомные UI-вьюхи. Скилл помнит, что плагин одновременно видят человек и модель: человек тыкает по интерфейсу, LLM читает состояние вьюхи.
Внутри — набор референсов под каждый этап. Если проекта ещё нет, скилл отправляет читать discover.md и требует создать SPEC.md до написания кода. Дальше по architecture.md проектируется UX и API, а имплементация разбита на узкие темы: fetch данных, состояние и контекст, промптинг LLM из вьюхи, OAuth, CSP, события, ассеты и стили. Для ecommerce-плагинов есть отдельный файл ecommerce.md — с него советуют начинать.
Есть готовые шаги для деплоя через Alpic и публикации в ChatGPT Directory. При миграции со Skybridge младше 0.36.x или с 1.x на 2.x скилл сначала показывает release notes и требует следовать им. Лицензия MIT, исходники в alpic-ai/skybridge.
Какие задачи решает
- спроектировать UX-флоу плагина по гайдлайнам ChatGPT
- развернуть проект из шаблона с готовым SPEC.md
- поднять dev-сервер и подключить плагин к ChatGPT
- настроить OAuth для доступа к пользовательским данным
- прогнать эвалы и проверить, что модель находит нужные тулзы
Примеры запросов агенту
- Создай плагин для ChatGPT: идея — бронирование столиков через чат
- Помоги накидать SPEC.md для плагина онлайн-записи
- Настрой OAuth в моём Skybridge-плагине
Как установить chatgpt-app-builder
1Через Skills CLI (Vercel)
npx skills add alpic-ai/skybridge --skill chatgpt-app-builder -a claude-code2Вручную: положить файлы
~/.claude/skills/chatgpt-app-builder/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/chatgpt-app-builder/
1Через Skills CLI (Vercel)
npx skills add alpic-ai/skybridge --skill chatgpt-app-builder -a codex2Вручную: положить файлы
.agents/skills/chatgpt-app-builder/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add alpic-ai/skybridge --skill chatgpt-app-builder -a cursor2Вручную: положить файлы
.cursor/skills/chatgpt-app-builder/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install alpic-ai/skybridge chatgpt-app-builder2Вручную: положить файлы
.github/skills/chatgpt-app-builder/SKILL.md1Через Skills CLI (Vercel)
npx skills add alpic-ai/skybridge --skill chatgpt-app-builder -a gemini-cli2Командой платформы
gemini skills install https://github.com/alpic-ai/skybridge --path skills/chatgpt-app-builderВручную: положить файлы
.devin/skills/chatgpt-app-builder/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add alpic-ai/skybridge --skill chatgpt-app-builder -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Похожие
Вопросы о chatgpt-app-builder
Как установить chatgpt-app-builder в Claude Code?
Выполните npx skills add alpic-ai/skybridge --skill chatgpt-app-builder -a claude-code. Файл скилла появится в ~/.claude/skills/chatgpt-app-builder/SKILL.md.
Что делает chatgpt-app-builder?
Проводит через весь цикл создания плагина для ChatGPT: брейншторм идей по UX-гайдам, бустрап проекта, реализацию тулзов и вьюх, отладку, деплой через Alpic и публикацию в ChatGPT Directory.
Чем скилл отличается от простого чтения документации Skybridge?
Он встроен в агента и сам решает, какой референс дать на текущем шаге. Для ecommerce-плагинов сначала подсовывает ecommerce.md, без SPEC.md не пускает к коду, при миграции показывает release notes нужной версии.
Исходный текст
SKILL.md · MIT
--- name: chatgpt-app-builder description: | Guide developers through creating and updating ChatGPT plugins. Covers the full lifecycle: brainstorming ideas against UX guidelines, bootstrapping projects, implementing tools/views, debugging, running dev servers, deploying and connecting plugins to ChatGPT. Use when a user wants to create or update a ChatGPT plugin (formerly called a ChatGPT app) / MCP server for ChatGPT, or use the Skybridge framework. --- # Creating Plugins For LLMs ChatGPT plugins are conversational experiences that extend ChatGPT through tools and custom UI views. They're built as MCP servers invoked during conversations. ⚠️ The plugin is consumed by two users at once: the **human** and the **ChatGPT LLM**. They collaborate through the view—the human interacts with it, the LLM sees its state. Internalize this before writing code: the view is your shared surface. SPEC.md keeps track of the plugin's requirements and design decisions. Keep it up to date as you work on the plugin. **Building an ecommerce plugin?** → Read [ecommerce.md](references/ecommerce.md) first. **No SPEC.md?** → Read [discover.md](references/discover.md) first. Nothing else until SPEC.md exists. **SPEC.md exists?** → Read SPEC.md, then follow [architecture.md](references/architecture.md) to design the change. Update SPEC.md, then read the relevant Implementation references below before writing code. **Migrating from Skybridge `< 0.36.x`?** → Read [migrate-to-v1.md](references/migrate-to-v1.md) first. Users may reference `skybridge >= 0.36.x` as v1. **Migrating from Skybridge `1.x` to `2.x`?** → Fetch the [v2.0.0 release notes](https://github.com/alpic-ai/skybridge/releases/tag/v2.0.0) first and follow them. ## Setup 1. **Copy template** → [copy-template.md](references/copy-template.md): when starting a new project with ready SPEC.md 2. **Run locally** → [run-locally.md](references/run-locally.md): when ready to test, need dev server or ChatGPT connection 3. **Evals** → [evals.md](references/evals.md): when checking that a real model reaches the right tools from natural prompts, in a test ## Architecture Design or evolve UX flows and API shape → [architecture.md](references/architecture.md) ## Implementation - **Fetch and render data** → [fetch-and-render-data.md](references/fetch-and-render-data.md): when implementing server handlers and view data fetching - **State and context** → [state-and-context.md](references/state-and-context.md): when persisting view UI state and updating LLM context - **Prompt LLM** → [prompt-llm.md](references/prompt-llm.md): when view needs to trigger LLM response - **UI guidelines** → [ui-guidelines.md](references/ui-guidelines.md): display modes, layout constraints, theme, device, and locale - **External links** → [open-external-links.md](references/open-external-links.md): when redirecting to external URLs or setting "open in app" target - **OAuth** → [oauth.md](references/oauth.md): when tools need user authentication to access user-specific data - **Assets and styling** → [assets-and-styling.md](references/assets-and-styling.md): when adding images, fonts or CSS to views - **CSP** → [csp.md](references/csp.md): when declaring allowed domains for fetch, assets, redirects, or iframes - **Events** → [events.md](references/events.md): when ChatGPT should react to activity in the app without the user, such as new comments or incidents - **OpenAI MCP extensions** → [openai-extensions.md](references/openai-extensions.md): when the view should open from the ChatGPT sidebar, a conversation side panel, a file, or a deep link, or use ChatGPT at-mentions, titled messages or local files ## Deploy - **Ship to production** → [deploy.md](references/deploy.md): when ready to deploy via Alpic - **Publish to ChatGPT Directory** → [publish.md](references/publish.md): when ready to submit for review Full API docs: [https://docs.skybridge.tech/api-reference.md](https://docs.skybridge.tech/api-reference.md) Release notes & changelog: [https://skybridge.tech/changelog.md](https://skybridge.tech/changelog.md)
© alpic-ai · MIT · alpic-ai/skybridge