stripe-apps

Par stripe · ai

Skill Claude Code pour Stripe Apps : guide complet de développement d'apps Stripe Dashboard, couvrant scaffold, UI extensions, auth et publication marketplace.

npx skills add https://github.com/stripe/ai --skill stripe-apps

Stripe Apps — Skill pour Claude Code

Ce skill fait partie du repository officiel stripe/ai, la collection de ressources Stripe pour construire des produits propulsés par l'IA. Il est conçu pour être utilisé avec Claude Code (ou un agent compatible) et fournit un ensemble structuré d'instructions permettant à l'agent de vous accompagner dans la création complète d'une Stripe App.

Ce que ce skill fait concrètement

Contrairement à un simple squelette, ce skill est pleinement opérationnel et couvre l'intégralité du cycle de développement d'une Stripe App :

  • Discovery guidée : l'agent commence toujours par poser 4 questions de cadrage (objectif, viewport, audience, besoins backend) avant de produire quoi que ce soit.
  • Scaffold automatisé : l'agent exécute stripe generate app <name> via un outil Bash pour initialiser le projet avec la bonne structure V2 (workspace ui/src/views/App.tsx, stripe-app.yaml, etc.).
  • Génération de fichiers sur disque : chaque fichier nécessaire (composants React avec @stripe/ui-extension-sdk, server.js, manifest YAML) est écrit directement sur la machine de l'utilisateur via l'outil Write — pas seulement affiché dans le chat.
  • Consultation des docs canoniques : avant d'écrire tout code, l'agent récupère les pages de documentation Stripe à jour via WebFetch, évitant les patterns obsolètes.

Architecture et fichiers de référence

Le skill s'appuie sur plusieurs fichiers references/ (discovery, backend, ui-extensions, webhooks, authentication, publishing…) qui servent de base de connaissance interne à l'agent. Ces fichiers contiennent la logique de routage, les patterns de code validés et les règles de conformité (composants SDK uniquement, pas de HTML brut, React 17 uniquement, CORS conditionnel, etc.).

Des règles strictes (HARD RULES) empêchent l'agent de produire des apps cassées : vérification de l'upload avant tout test de fetchStripeSignature, confirmation explicite avant d'utiliser des fonctionnalités en private preview, fichiers toujours complets et immédiatement exécutables.

Comment l'utiliser

Installez le plugin officiel Stripe dans Claude Code avec la commande indiquée dans le README du repo (claude plugin install stripe@claude-plugins-official). Une fois actif, décrivez simplement ce que vous souhaitez faire — « ajouter un panneau sur la page client », « réagir à des événements Stripe », « publier une app sur le marketplace » — et l'agent chargera automatiquement ce skill pour vous guider pas à pas jusqu'à une app fonctionnelle et déployable.

Skills similaires