技能 chatgpt-app-builder
🚀

chatgpt-app-builder

低風險 📁 檔案系統存取🌐 網路存取🔑 環境變數

使用 Apps SDK 建立 ChatGPT 應用程式

也可從以下取得: mcp-use

此技能引導開發者從概念到 App Store 提交,建立 ChatGPT 應用程式。它提供範本、實作模式和適用於使用 MCP 通訊協定的應用程式的測試工作流程。

支援: Claude Codex Code(CC)
🥈 79 白銀
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「chatgpt-app-builder」。 Create a ChatGPT App for my task management API

預期結果:

  • Created app-spec.md with fit evaluation
  • Generated MCP server with task_get_tasks, task_create_item, task_complete_item tools
  • Created React widget with task list and action buttons
  • Added OAuth integration for user-specific task access
  • Configured ngrok tunnel for local testing

正在使用「chatgpt-app-builder」。 Test the app with golden prompts

預期結果:

  • Direct prompts trigger correctly: 'Show my tasks', 'Create a task'
  • Indirect prompts work: 'What should I work on?'
  • Negative prompts do not trigger: 'Set an alarm'
  • Widget renders properly in ChatGPT
  • All tools return expected structured content

安全審計

低風險
v5 • 1/16/2026

This skill is a legitimate documentation and template builder for ChatGPT Apps. The static analyzer flagged 1322 potential issues, but all findings are false positives or benign patterns. The code uses secure crypto (crypto.randomUUID), properly blocks SSRF targets (AWS metadata), and contains only standard development patterns (env vars, fetch calls) documented in reference markdown files.

41
已掃描檔案
12,112
分析行數
3
發現項
5
審計總數
審計者: claude 查看審計歷史 →

品質評分

82
架構
100
可維護性
85
內容
21
社群
90
安全
91
規範符合性

你能建構什麼

建立新的 ChatGPT 應用程式

使用小工具和 MCP 伺服器為 App Store 建立可投入生產的 ChatGPT 應用程式

新增 MCP 整合

使用 MCP 通訊協定和 OAuth 驗證將現有 API 連接到 ChatGPT 應用程式

測試應用程式實作

使用 MCP Inspector 和黃金提示測試在本地驗證 ChatGPT 應用程式

試試這些提示

建立新的 ChatGPT 應用程式
Create a new ChatGPT App called [AppName] that connects to [API] and displays [data type] with actions to [actions]
新增 OAuth 驗證
Add OAuth authentication to my ChatGPT App with [AuthProvider] for user-specific data access
建立小工具 UI
Create a widget that displays [content type] with filtering by [fields] and action buttons for [operations]
部署到生產環境
Help me prepare my ChatGPT App for App Store submission with proper health endpoints, CORS, and security headers

最佳實務

  • 遵循 Know/Do/Show 框架,確保您的應用程式提供文字回覆之外的獨特價值
  • 使用每個工具一項工作的原則,並使用 readOnlyHint、destructiveHint 和 openWorldHint 註釋工具
  • 為生產環境部署實作速率限制和 SSRF 保護

避免

  • 不要對 GET 和 POST MCP 端點使用不同的路徑
  • 避免在原始碼中硬編碼憑證
  • 不要跳過影像代理中影像 URL 的驗證

常見問題

什麼是 Know/Do/Show 框架?
適合度評估模型,其中 Know 提供獨特資料,Do 執行實際動作,Show 顯示超越文字的豐富 UI。
此技能會部署我的應用程式嗎?
不會,此技能會產生範本和指南。您可以使用自己選擇的託管提供者(如 Fly.io 或 Vercel)進行部署。
它支援什麼驗證方式?
OAuth 2.0,並提供 Auth0、Stytch 和使用眾所周知端點模式的自訂提供者的範例。
我可以在部署前在本地測試嗎?
可以,使用 ngrok 建立 HTTPS 隧道並在連接到 ChatGPT 之前使用 MCP Inspector 在本地進行測試。
支援什麼 UI 模式?
列表檢視、動作按鈕、載入狀態、深色模式和響應式版面配置,使用 Apps SDK UI 設計token。
如何提交到 App Store?
完成提交前清單,包括組織驗證、工具註釋和測試憑證文件。