home

ChatGPT App Builder Skill – Vollständiger Leitfaden zur Entwicklung und Veröffentlichung

Das Repository stellt ein AgentSkills‑Skill bereit, das Entwicklern hilft, komplette ChatGPT‑Apps mithilfe des Apps SDK und des MCP‑Protokolls zu konzipieren, zu bauen, zu testen und zu veröffentlichen. Zielgruppe sind AI‑Agenten, die ChatGPT‑Apps entwickeln wollen. Sie bietet detaillierte Prozessschritte, Code‑Vorlagen und Hosting‑Anleitungen für Fly.io und Railway. Der Skill unterstützt die Einreichung im ChatGPT‑App‑Store und erfüllt das AgentSkills‑Specification‑Schema.

Key Takeaway

Das Repository stellt ein AgentSkills‑Skill bereit, das Entwicklern hilft, komplette ChatGPT‑Apps mithilfe des Apps SDK und des MCP‑Protokolls zu konzipieren, zu bauen, zu testen und zu veröffentlichen.

Summary

  • Skill‑Name: ChatGPT App Builder Skill
  • Zielgruppe: AI‑Agenten, die ChatGPT‑Apps entwickeln wollen

Detaillierte Prozessschritte

  • Fit Evaluation: Prüft, ob ein Produkt für eine ChatGPT‑App geeignet ist (Know/Do/Show‑Framework).
  • Architektur‑Design: Plant MCP‑Server, benötigte Tools und Widgets.
  • Implementierung: Bietet Node.js/TypeScript‑Code‑Vorlagen, React‑Widget‑Entwicklung und OAuth 2.1‑Integrationsanleitungen.
  • Testing: Lokale Entwicklung über ngrok, ChatGPT‑Integrations‑Tests.
  • Deployment: Anleitungen für Fly.io, Railway und andere Hosting‑Plattformen.
  • Submission: Checkliste für die Einreichung im ChatGPT‑App‑Store.

Skill‑Dateistruktur

  • SKILL.md – Einstiegspunkt
  • references/ – Enthält Markdown‑Dateien zu Evaluierung, Node‑Implementierung, Widget‑Entwicklung, OAuth, Einreichung, Fehlerbehebung und Best Practices.

Installation

  1. Für Claude Code: Pfad in ~/.claude/settings.json einfügen.
  2. Für andere Agenten: skills-ref benutzen, um Prompt zu generieren.

Auslöser (Triggers)

  • Schlüsselwörter wie „ChatGPT app“, „Apps SDK“, „build for ChatGPT“ usw. lösen das Skill aus.

Technische Voraussetzungen

  • Node.js 18+, npm, Netzwerkzugang für ngrok.

Validierung

  • Skill entspricht dem AgentSkills‑Specification‑Schema; Prüffunktion mit pip install skills-ref validate.

Lizenz

MIT

Autor

Bayram Annakov (onsa.ai)

Related queries

  • Wie plane ich die Architektur einer MCP‑Serverinfrastruktur für eine ChatGPT‑App?
  • Welche Schritte sind nötig, um eine React‑Widget-Komponente für ChatGPT zu entwickeln?
  • Wie übermittle ich OAuth 2.1‑Authentifizierung in einer selbstgehosteten ChatGPT‑App?

Quelle: https://github.com/BayramAnnakov/chatgpt-app-skill