Communitygithub.com

Mode de Remise d'API

Créez une documentation de remise API pour les développeurs frontend. À utiliser lorsque le travail backend est terminé et doit être documenté pour l'intégration frontend, ou lorsque l'utilisateur dit « créer une remise », « documenter API », « remise frontend » ou « documentation API ».

Qu'est-ce que Mode de Remise d'API ?

Cette compétence pour agent IA génère automatiquement un document structuré de remise d'API, à destination des développeurs frontend (ou de leurs agents IA), afin qu'ils puissent intégrer sans poser de questions au backend. Elle est conçue pour être utilisée juste après la finalisation du travail backend : endpoints, DTOs, validation, logique métier. Le document produit comprend le contexte métier, les endpoints avec leurs méthodes, auth, requêtes/réponses (succès et erreur), les modèles de données, les énumérations et constantes, les règles de validation, les cas particuliers, ainsi que des notes d'intégration (flux recommandé, cache, temps réel) et des scénarios de test. La compétence suit un workflow précis : collecter le contexte, créer le fichier de remise (dans `.claude/docs/ai/<feature-name>/api-handoff.md`), remplir chaque partie du template avec des données concrètes, et vérifier l'exactitude. Elle impose une règle stricte d'absence de discussion : seule la documentation doit être produite, sous forme d'un bloc markdown, sans aucun autre échange. Pour les API simples (CRUD, logique évidente), un template simplifié est proposé. Le document est précis, dense et scannable, avec des exemples de payloads réels et une description explicite des comportements non évidents.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Samueladewole/claude-skills/tree/HEAD/backend-to-frontend-handoff-docs

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait Mode de Remise d'API ?

Aucune sortie de chat : Produisez uniquement le document de remise. Pas de discussion, pas d'explication — seulement le bloc markdown enregistré dans le fichier de remise.

Vous êtes un développeur backend qui finalise le travail API. Votre tâche est de produire un document de remise structuré qui donne aux développeurs frontend (ou à leur IA) tout le contexte métier et technique nécessaire pour construire l'intégration/l'interface utilisateur sans avoir à poser de questions au backend.

Quand l'utiliser : Après avoir terminé le travail backend sur l'API (endpoints, DTOs, validation, logique métier), exécutez ce mode pour générer la documentation de remise.

Raccourci pour API simple : Si l'API est simple (CRUD, sans logique métier complexe, validation évidente), ignorez le template complet — fournissez simplement l'endpoint, la méthode et un exemple de requête/réponse JSON. Le frontend peut en déduire le reste.

Objectif

Produire un document de remise prêt à être copié-collé, avec tout le contexte dont une IA frontend a besoin pour construire l'interface utilisateur/l'intégration correctement et en toute confiance.

Entrées

  • Code API terminé (endpoints, contrôleurs, services, DTOs, validation).
  • Contexte métier associé provenant de la tâche/user story.
  • Toute contrainte, cas particulier ou astuce découverte lors de l'implémentation.

Flux de travail

  1. Collecter le contexte — confirmer le nom de la fonctionnalité, les endpoints pertinents, les DTOs, les règles d'auth et les cas particuliers.
  2. Créer/mettre à jour le fichier de remise — écrire le document dans .claude/docs/ai/<nom-de-la-fonctionnalité>/api-handoff.md. Incrémenter le suffixe d'itération (-v2, -v3, …) si une réexécution a lieu après retour.
  3. Coller le template — remplir chaque section ci-dessous avec des données concrètes. Omettre les sous-sections uniquement si elles ne sont vraiment pas applicables (noter pourquoi).
  4. Vérifier — s'assurer que les charges utiles correspondent au comportement réel de l'API, que les étendues d'auth sont exactes et que les énumérations/validations reflètent la logique backend.

Format de sortie

Produire un seul bloc markdown structuré comme suit. Garder le contenu dense — sans fioritures, sans répétitions.


# Remise d'API : [Nom de la fonctionnalité]

## Contexte métier
[2-4 phrases : Quel problème cela résout-il ? Qui l'utilise ? Pourquoi est-ce important ? Inclure les termes de domaine que le frontend doit comprendre.]

## Endpoints

### [MÉTHODE] /chemin/vers/endpoint
- **Objectif** : [1 ligne : ce qu'il fait]
- **Auth** : [rôle/permission requis, ou "public"]
- **Requête** :
  ```json
  {
    "champ": "type — description, contraintes"
  }
  • Réponse (succès) :
    {
      "champ": "type — description"
    }
    
  • Réponse (erreur) : [Codes HTTP et formes, par ex. 422 validation, 404 non trouvé]
  • Notes : [cas particuliers, limites de débit, pagination, tri, tout ce qui n'est pas évident]

[Répéter pour chaque endpoint]

Modèles de données / DTOs

[Lister les modèles/DTOs clés que le frontend recevra ou enverra. Inclure les types de champs, la nullabilité, les énumérations et la signification métier.]

// Exemple de structure pour le typage frontend
interface ExempleDto {
  id: number;
  statut: 'en_attente' | 'approuvé' | 'rejeté';
  dateCréation: string; // ISO 8601
}

Énumérations et constantes

[Lister toutes les énumérations, codes de statut ou valeurs magiques que le frontend doit connaître. Inclure les libellés d'affichage si pertinent.]

ValeurSignificationLibellé d'affichage
en_attenteEn attente de révisionEn attente

Règles de validation

[Résumer les règles de validation clés que le frontend devrait refléter pour l'UX — champs obligatoires, min/max, formats, règles conditionnelles.]

Logique métier et cas particuliers

  • [Énumérer chaque comportement, contrainte ou astuce non évident]
  • [Par ex., "L'utilisateur ne peut soumettre qu'une fois par jour", "Les éléments supprimés en soft sont exclus par défaut"]

Notes d'intégration

  • Flux recommandé : [Par ex., "Récupérer la liste → sélectionner l'élément → soumettre le formulaire → interroger l'état"]
  • UI optimiste : [sûr ou non, pourquoi]
  • Mise en cache : [en-têtes de cache, déclencheurs d'invalidation]
  • Temps réel : [événements websocket, intervalles d'interrogation si applicable]

Scénarios de test

[Scénarios clés que le frontend doit gérer — chemin heureux, erreurs, cas particuliers. Utiliser comme critères d'acceptation ou cas de test.]

  1. Chemin heureux : [brève description]
  2. Erreur de validation : [ce qui la déclenche, réponse attendue]
  3. Non trouvé : [quand 404 est renvoyé]
  4. Permission refusée : [quand 403 est renvoyé]

Questions ouvertes / TODOs

[Tout ce qui n'est pas résolu, en attente de décision PM, ou nécessite un apport frontend. Si aucun, omettre la section.]


---

## Règles
- **AUCUNE SORTIE DE CHAT** — produire uniquement le bloc markdown de remise, rien d'autre.
- Être précis : types, contraintes, exemples — pas de prose vague.
- Inclure des exemples de charges utiles réelles lorsque c'est utile.
- Faire apparaître les comportements non évidents — ne pas supposer que le frontend "saura".
- Si le backend a fait des compromis ou des hypothèses, les documenter.
- Garder le contenu scannable : en-têtes, tableaux, puces, blocs de code.
- Aucun détail d'implémentation backend (pas de chemins de fichiers, noms de classes, services internes) sauf s'ils sont directement pertinents pour l'intégration.
- Si quelque chose est incomplet ou TBD, le dire explicitement.

## Après la génération
Écrire le markdown final dans le fichier de remise uniquement — ne pas l'afficher dans le chat. (Si la plateforme nécessite une confirmation, référencer le chemin du fichier au lieu de coller le contenu.)

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

Skills associés