stripe-apps · openai — Codex skill: what it does, how to install
This skill guides Stripe App work from scaffolding and Dashboard UI to webhooks, uploads, versioning, and marketplace release.
npx skills add openai/plugins --skill stripe-apps -a codexWhat stripe-apps does
stripe-apps guides the Stripe App workflow from project scaffolding through preview, upload, versioning, and marketplace publishing. It covers Dashboard UI extensions in a sandboxed iframe, the @stripe/ui-extension-sdk component set, viewport contexts, backend-only apps, embedded apps, and extension interfaces.
The skill also addresses stripe-app.yaml, permissions, viewports, CSP, platform keys, OAuth, restricted API keys, app webhooks, Secret Store API, and fetchStripeSignature authentication. For UI extensions, it includes pnpm build and pnpm test; the project scaffold comes from stripe generate app <name>. Testing fetchStripeSignature or Secret Store must wait until stripe apps upload, since the signing secret is created during the first upload.
UI code must use Stripe SDK components rather than raw HTML or CSS frameworks, and it must stay within React 17 hooks. Full-page apps, custom objects, and extension interfaces require access to private preview before work begins.
What it helps with
- scaffold a Stripe App project
- add a panel to a customer or payment page
- configure permissions and viewports in
stripe-app.yaml - connect app webhooks and the Secret Store API
- prepare an app for upload and marketplace publishing
Example prompts for the agent
- Build a Stripe App with a panel on the customer page and configure
stripe-app.yaml. - Add Stripe event handling through webhooks and use
fetchStripeSignaturefor authentication. - Run
pnpm build,pnpm test, and thenstripe apps uploadfor the app.
How to install stripe-apps
1Skills CLI (Vercel)
npx skills add openai/plugins --skill stripe-apps -a codex2Manually: put the files in place
.agents/skills/stripe-apps/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add openai/plugins --skill stripe-apps -a claude-code2Manually: put the files in place
~/.claude/skills/stripe-apps/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/stripe-apps/
Manually: put the files in place
.cursor/skills/stripe-apps/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install openai/plugins stripe-apps2Manually: put the files in place
.github/skills/stripe-apps/SKILL.mdPlatform CLI
gemini skills install https://github.com/openai/plugins --path plugins/stripe/skills/stripe-appsManually: put the files in place
.devin/skills/stripe-apps/SKILL.mdThe legacy .windsurf/skills/ path still works
Claude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: Codex skills: how to install, where they live, how to call them
Questions about stripe-apps
How do I install stripe-apps in Codex?
Run npx skills add openai/plugins --skill stripe-apps -a codex, then use .agents/skills/stripe-apps/SKILL.md.
What does stripe-apps do?
It supports Stripe App development across Dashboard extensions, backend logic, authentication, webhooks, Secret Store, uploads, and marketplace publishing.
What must happen before testing Secret Store or fetchStripeSignature?
Run stripe apps upload first. The signing secret is generated during the first upload.
Similar skills
All skills for Agent setup: memory, context, orchestration →stripe-apps by other authors comes first.
