FRmicrow/api-integration
.claude/skills/fullstack/api-integration/SKILL.md
Intégrer des appels API dans le frontend. Utiliser quand on ajoute une méthode dans frontend/src/services/api.js.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add FRmicrow/dataFootV1 api-integrationInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 2:01 AM4.0s1 file scanned
SKILL.md
- name:
- api-integration
- description:
- Intégrer des appels API dans le frontend. Utiliser quand on ajoute une méthode dans frontend/src/services/api.js.
- risk:
- safe
When to use
Employez cette compétence chaque fois que le frontend doit communiquer avec le backend (lecture et écriture de données).
Instructions
- Répertoriez les endpoints nécessaires et leurs paramètres, en vous référant à la documentation API.
- Utilisez un client HTTP (fetch, axios) pour effectuer des appels asynchrones, en gérant les promesses ou en utilisant async/await.
- Gérez les états de chargement (loading), de succès et d’erreur pour informer l’utilisateur.
- Transformez les données reçues (formatage de dates, tri des listes) avant de les passer aux composants.
- Nettoyez les abonnements ou annulez les requêtes lorsque les composants sont démontés pour éviter les fuites de mémoire.
Example
Pour récupérer et afficher une liste d’utilisateurs, appelez GET /users, stockez la réponse dans un état local, affichez un spinner pendant l’attente et un message d’erreur en cas d’échec.
Limitations
Cette compétence se concentre sur la consommation d’API côté client. La création et la sécurisation des endpoints relèvent des compétences backend.
Related Skills
FRmicrow/unit-testing-node
development
VerifiedTrustedCommunity
Écrire des tests unitaires Node.js. Utiliser quand on teste une fonction isolée avec Vitest dans backend/test/.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/integration-testing
testing
VerifiedTrustedCommunity
Tester l'intégration entre services. Utiliser quand on vérifie l'interaction contrôleur/service avec Supertest + Vitest.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/frontend-testing-react
development
VerifiedTrustedCommunity
Tester les composants React avec Vitest + Testing Library. Utiliser quand on teste le rendu ou les interactions.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/e2e-testing-playwright
testing
VerifiedTrustedCommunity
Écrire des tests end-to-end Playwright. Utiliser quand on teste l'application complète du point de vue utilisateur.
SKILL.mdUpdated Apr 16, 2026