chatgpt-app-builder
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.
- Installs
- 7.1K
- Last 24h
- —
- Trending rank
- —
- Security
- Fail
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/alpic-ai/skybridge --skill chatgpt-app-builder- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads chatgpt-app-builder automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
Security audits
Independent scans of the skill's instructions and bundled files.
SKILL.md
The instructions your agent reads when the skill is triggered.
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 first.
No SPEC.md? → Read discover.md first. Nothing else until SPEC.md exists.
SPEC.md exists? → Read SPEC.md, then follow 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 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 first and follow them.
Setup
- Copy template → copy-template.md: when starting a new project with ready SPEC.md
- Run locally → run-locally.md: when ready to test, need dev server or ChatGPT connection
- Evals → 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
Implementation
- Fetch and render data → fetch-and-render-data.md: when implementing server handlers and view data fetching
- State and context → state-and-context.md: when persisting view UI state and updating LLM context
- Prompt LLM → prompt-llm.md: when view needs to trigger LLM response
- UI guidelines → ui-guidelines.md: display modes, layout constraints, theme, device, and locale
- External links → open-external-links.md: when redirecting to external URLs or setting "open in app" target
- OAuth → oauth.md: when tools need user authentication to access user-specific data
- Assets and styling → assets-and-styling.md: when adding images, fonts or CSS to views
- CSP → csp.md: when declaring allowed domains for fetch, assets, redirects, or iframes
- Events → 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: 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: when ready to deploy via Alpic
- Publish to ChatGPT Directory → publish.md: when ready to submit for review
Full API docs: https://docs.skybridge.tech/api-reference.md
Release notes & changelog: https://skybridge.tech/changelog.md
FAQ
What does the chatgpt-app-builder skill do?
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.
How do I install chatgpt-app-builder?
Run npx skills add https://github.com/alpic-ai/skybridge --skill chatgpt-app-builder in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/chatgpt-app-builder/ (personal) or .claude/skills/chatgpt-app-builder/ (project).
Which AI agents can use chatgpt-app-builder?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is chatgpt-app-builder safe to install?
Security partners have reviewed it: Gen Agent Trust Hub passed; Socket passed; Snyk passed; Runlayer flagged risks; ZeroLeaks passed. As with any skill, read the SKILL.md and bundled scripts before installing.
Who maintains chatgpt-app-builder?
It is published by alpic-ai in alpic-ai/skybridge. It has 7,124 recorded installs.
More from alpic-ai/skybridge
skybridge
alpic-ai/skybridge
Guide developers through creating and updating ChatGPT plugins and MCP Apps. Covers the full lifecycle: brainstorming ideas against UX guidelines, bootstrapping projects, implementing tools/views, debugging, running dev servers, deploying and connecting them to ChatGPT. Use when a user wants to create or update a ChatGPT plugin, MCP App, MCP server or use the Skybridge framework.
mcp-app-builder
alpic-ai/skybridge
Open the skill to read its SKILL.md instructions.
Popular frontend & design skills
setup-matt-pocock-skills
mattpocock/skills
Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
hyperframes-animation
heygen-com/hyperframes
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.
prototype
mattpocock/skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
vercel-react-best-practices
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.