Agent skill

Chatgpt App Builder

by aiskillstore in aiskillstore/marketplace

DEPRECATED: This skill has been replaced by mcp-app-builder.

Apache-2.0Auto-check passedAgent Workflows

Install Chatgpt App Builder

skills CLI
$ npx skills add aiskillstore/marketplace --skill chatgpt-app-builder -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install aiskillstore/marketplace chatgpt-app-builder --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/aiskillstore/marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/mcp-use/chatgpt-app-builder .claude/skills/chatgpt-app-builder && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
chatgpt-app-builder
GitHub stars
433
Token cost
~787 tokens
SKILL.md length
187 words
Files
19 (incl. references)
Skills in repo
1,044
Repo updated
First seen
Licence
Apache-2.0

At a glance

DEPRECATED: This skill has been replaced by mcp-app-builder.

  • Creating ChatGPT apps
  • SKILL.md covers Before You Code, Setup, Implementation and Quick Reference
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Building MCP servers with widgets

What it does

Chatgpt App Builder is an agent skill from aiskillstore/marketplace. DEPRECATED: This skill has been replaced by mcp-app-builder. Check if mcp-app-builder is available in the skills folder. If not, install it: npx skills install mcp-use/mcp-use --skill mcp-app-builder Use mcp-app-builder instead of this skill. Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

Its SKILL.md is about 790 tokens, which your agent loads only when the skill is triggered. The skill folder holds 20 other files, including reference files (for example `evals/README.md`, `evals/architecture.json` and `evals/discover.json`).

It sits in Agent Workflows, covering MCP servers. It works with OpenAI, Model Context Protocol and React. The repository describes itself as: Security-audited skills for Claude, Codex & Claude Code. One-click install, quality verified. The licence is Apache-2.0.

When your agent uses it

  • Creating ChatGPT apps
  • Building MCP servers with widgets
  • Defining React widgets
  • Working with Apps SDK

Example prompts

  • “/chatgpt-app-builder”

Requirements

  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit 44923f3. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Chatgpt App Builder loads about 787 tokens when it runs, and up to ~13k if it reads all its reference files. Until then it costs about 136 tokens; SKILL.md has 187 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~136
When it runs · the whole SKILL.md, loaded when a task matches
~787
With references · SKILL.md plus every file in references/, read only if the agent opens them
~13k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from aiskillstore/marketplace at commit 44923f3, republished under its Apache-2.0 licence (© aiskillstore). 187 words, ~787 tokens.

Download SKILL.mdSave it as .claude/skills/chatgpt-app-builder/SKILL.md (or your agent's skills folder). This skill also uses 18 other files; get the full folder from GitHub.
name
chatgpt-app-builder
description
DEPRECATED: This skill has been replaced by `mcp-app-builder`. Check if `mcp-app-builder` is available in the skills folder. If not, install it: `npx skills install mcp-use/mcp-use --skill mcp-app-builder` Use `mcp-app-builder` instead of this skill. Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK. Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets, working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.

ChatGPT App Builder

Build ChatGPT apps with interactive widgets using mcp-use. Zero-config widget development with automatic registration and built-in React hooks.

The app is consumed by two users at once: the human and the ChatGPT LLM. They collaborate through the widget -- the human interacts with it, the LLM sees its state. The widget is your shared surface.

Before You Code

  • Clarify what to build → discover.md: when starting a new app, validating an idea, or scoping features
  • Design tools and widgets → architecture.md: when deciding what needs UI vs tools-only, designing UX flows

Setup

  • Scaffold and run → setup.md: when creating a new project, starting dev server, connecting to ChatGPT/Claude

Implementation

  • Server handlers + widget creation → server-and-widgets.md: when writing server.tool() with widgets, widget() helper, React widget files
  • Widget state and LLM context → state-and-context.md: when persisting state, triggering LLM from widget, managing ephemeral vs persistent data
  • Display modes, theme, layout → ui-guidelines.md: when adapting to inline/fullscreen/PiP, handling theme, device, locale
  • Component API → components-api.md: when using McpUseProvider, Image, ErrorBoundary, useWidget
  • CSP and metadata → csp-and-metadata.md: when configuring external domains, dual-protocol metadata
  • Advanced patterns → widget-patterns.md: when building complex widgets with tool calls, state, theming

Quick Reference

typescript
// Server
import { MCPServer, widget, text, object } from "mcp-use/server";
server.tool({ name: "...", schema: z.object({...}), widget: { name: "widget-name" } },
  async (input) => widget({ props: {...}, output: text("...") })
);

// Widget (resources/widget-name.tsx)
import { McpUseProvider, useWidget, type WidgetMetadata } from "mcp-use/react";
export const widgetMetadata: WidgetMetadata = { description: "...", props: z.object({...}) };
export default function MyWidget() {
  const { props, isPending, callTool, sendFollowUpMessage, state, setState, theme } = useWidget();
  if (isPending) return <McpUseProvider autoSize><div>Loading...</div></McpUseProvider>;
  return <McpUseProvider autoSize><div>{/* UI */}</div></McpUseProvider>;
}

© aiskillstore, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 18 other files (references) in skills/mcp-use/chatgpt-app-builder of aiskillstore/marketplace.

  • SKILL.md
  • LICENSE.txt
  • evals/README.md
  • evals/architecture.json
  • evals/discover.json
  • evals/skill.json
  • evals/state-and-context.json
  • evals/ui-guidelines.json
  • evals/widgets.json
  • references/architecture.md
  • references/components-api.md
  • references/csp-and-metadata.md
  • references/discover.md
  • references/server-and-widgets.md
  • references/setup.md
  • references/state-and-context.md
  • references/ui-guidelines.md
  • references/widget-patterns.md
  • skill-report.json

Open the folder on GitHubat commit 44923f3

Compare with similar skills

Chatgpt App Builder next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Chatgpt App Builder compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Chatgpt App Builder this skillaiskillstore/marketplace433—~787Automated safety check: PassApache-2.0
Chatgpt App Builderalpic-ai/skybridge2.2k—~1kAutomated safety check: PassMIT
MCP App Builderalpic-ai/skybridge2.2k—~906Automated safety check: PassMIT
Skybridgealpic-ai/skybridge2.2k—~923Automated safety check: PassMIT
UI Widget Developermicrosoft/work-iq1k—~6.1kAutomated safety check: NotesCustom licence
Nextcrmpdovhomilja/nextcrm-app715—~3.3kAutomated safety check: PassMIT

Similar skills

  • Chatgpt App Builder

    alpic-ai/skybridge

    Guide developers through creating and updating ChatGPT plugins.

    2.2k GitHub stars~1k tokensUpdated 2 days ago
    Agent WorkflowsAuto-check passed
  • MCP App Builder

    alpic-ai/skybridge

    Guide developers through creating and updating MCP Apps. An agent skill from alpic-ai/skybridge.

    2.2k GitHub stars~906 tokensUpdated 2 days ago
    Agent WorkflowsAuto-check passed
  • Skybridge

    alpic-ai/skybridge

    Guide developers through creating and updating ChatGPT plugins and MCP Apps.

    2.2k GitHub stars~923 tokensUpdated 2 days ago
    Agent WorkflowsAuto-check passed
  • UI Widget Developer

    microsoft/work-iq

    Official

    Build MCP servers for Copilot Chat using the OpenAI Apps SDK or MCP Apps SDK widget rendering support (any language).

    1k GitHub stars~6.1k tokensUpdated today
    Agent WorkflowsAuto-check: notes
  • Nextcrm

    pdovhomilja/nextcrm-app

    Connect to NextCRM MCP server to manage CRM data — accounts, contacts, leads, opportunities, targets, products, contracts, activities, documents, target lists, enrichment, email accounts, campaigns…

    715 GitHub stars~3.3k tokensUpdated today
    Sales & SupportAuto-check passed
  • Codex with ChatGPT Planning Loop

    XiaoDuoYa/codex-with-chatgpt

    Uses ChatGPT in the browser as the planning and review brain for a Codex session, with Codex keeping all execution and ChatGPT reading the workspace through a bridge.

    7.2k GitHub stars~11k tokensUpdated 9 days ago
    Agent WorkflowsAuto-check: notes

More from aiskillstore/marketplace

All 1,044 skills in this repo
  • Code Stats

    aiskillstore/marketplace

    Analyze codebase with tokei (fast line counts by language) and difft (semantic AST-aware diffs).

    433 GitHub starsUsed in 1 repo~697 tokens
    Auto-check: notes
  • Data Processing

    aiskillstore/marketplace

    Process JSON with jq and YAML/TOML with yq. An agent skill from aiskillstore/marketplace.

    433 GitHub starsUsed in 1 repo~720 tokens
    Auto-check: notes
  • Doc Scanner

    aiskillstore/marketplace

    Scans for project documentation files (AGENTS.md, CLAUDE.md, GEMINI.md, COPILOT.md, CURSOR.md, WARP.md, and 15+ other formats) and synthesizes guidance.

    433 GitHub starsUsed in 1 repo~644 tokens
    Auto-check: notes
  • File Search

    aiskillstore/marketplace

    Modern file and content search using fd, ripgrep (rg), and fzf.

    433 GitHub starsUsed in 1 repo~598 tokens
    Auto-check: notes
  • Find Replace

    aiskillstore/marketplace

    Modern find-and-replace using sd (simpler than sed) and batch replacement patterns.

    433 GitHub starsUsed in 1 repo~527 tokens
    Auto-check: notes
  • Project Planner

    aiskillstore/marketplace

    Detects stale project plans and suggests session commands. An agent skill from aiskillstore/marketplace.

    433 GitHub starsUsed in 1 repo~504 tokens
    Auto-check passed

Categories

Questions about Chatgpt App Builder

What does Chatgpt App Builder do?

DEPRECATED: This skill has been replaced by mcp-app-builder. Chatgpt App Builder is an agent skill from aiskillstore/marketplace. DEPRECATED: This skill has been replaced by mcp-app-builder.

When should I use Chatgpt App Builder?

Chatgpt App Builder fits situations like: creating ChatGPT apps; building MCP servers with widgets; defining React widgets; working with Apps SDK.

How do I install Chatgpt App Builder in Claude Code?

Run `npx skills add aiskillstore/marketplace --skill chatgpt-app-builder -a claude-code`. Or copy the skill folder (skills/mcp-use/chatgpt-app-builder in aiskillstore/marketplace) into .claude/skills/chatgpt-app-builder in your project. Claude Code loads it when a task matches its description.

How do I install Chatgpt App Builder in Codex?

Run `npx skills add aiskillstore/marketplace --skill chatgpt-app-builder -a codex`. Or copy the skill folder (skills/mcp-use/chatgpt-app-builder in aiskillstore/marketplace) into .agents/skills/chatgpt-app-builder in your project. Codex loads it when a task matches its description.

Can I use Chatgpt App Builder in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add aiskillstore/marketplace --skill chatgpt-app-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/chatgpt-app-builder, .gemini/skills/chatgpt-app-builder, .github/skills/chatgpt-app-builder and .opencode/skills/chatgpt-app-builder in your project.

What does Chatgpt App Builder need to run?

SKILL.md names no scripts, command-line tools or credentials: Chatgpt App Builder is instructions for the agent only. Our summary lists: Node.js.

Does Chatgpt App Builder access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Chatgpt App Builder safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Chatgpt App Builder use?

Chatgpt App Builder is published under the Apache-2.0 licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Chatgpt App Builder use?

About 787 tokens (SKILL.md is roughly 3.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 12k tokens, read only when the agent opens those files.

What are the alternatives to Chatgpt App Builder?

Skills that share tags, products or a category with Chatgpt App Builder: Chatgpt App Builder (alpic-ai/skybridge, 2.2k stars), MCP App Builder (alpic-ai/skybridge, 2.2k stars), Skybridge (alpic-ai/skybridge, 2.2k stars) and UI Widget Developer (microsoft/work-iq, 1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Chatgpt App Builder?

aiskillstore (a GitHub organization) maintains it in aiskillstore/marketplace, which has 433 GitHub stars. The repository holds 1,044 skills in this directory. The repository was last updated on October 10, 2026.

Source: aiskillstore/marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.