chatgpt-app-builder
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.
70
86%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Evaluation results
92%
60%Book Catalog MCP App
API design and widget architecture
Verb-first tool names
100%
100%
One widget per flow
40%
100%
No duplicate data tools
0%
100%
Widget state not tools
0%
20%
No lazy-loading pattern
0%
100%
exposeAsTool omitted or false
80%
100%
widget() response structure
0%
100%
Correct server imports
0%
100%
widgetMetadata export
0%
100%
Default component export
100%
100%
100%
55%Currency Converter Widget
Theme, UI constraints, CSP metadata, and locale adaptation
Theme from useWidget
0%
100%
autoSize on McpUseProvider
0%
100%
safeArea or maxHeight usage
0%
100%
User-triggered display mode switch
100%
100%
Return to inline provided
100%
100%
Locale-aware number formatting
70%
100%
Modern CSP metadata format
0%
100%
Exact domain in CSP
40%
100%
No unsafe-eval in CSP
100%
100%
Inline CTA limit respected
100%
100%
isPending guard in widget
0%
100%
100%
84%Habit Tracker Widget
Widget implementation, state management, and LLM interaction
React imports from mcp-use/react
0%
100%
Server imports from mcp-use/server
0%
100%
isPending guard present
0%
100%
widgetMetadata with description and props
0%
100%
Default React component export
100%
100%
Persistent state via useWidget
0%
100%
Ephemeral state via useState
100%
100%
sendFollowUpMessage usage
0%
100%
McpUseProvider with autoSize
0%
100%
widget() with props and output
0%
100%
Widget name matches resources file
0%
100%
- Repository
- Shubhamsaboo/awesome-llm-apps
- Commit
9848ec8
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.