FRmicrow/c4-modelling
.claude/skills/design/c4-modelling/SKILL.md
Produire des diagrammes C4. Utiliser quand on documente l'architecture du projet avec des diagrammes.
documentation
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add FRmicrow/dataFootV1 c4-modellingInstall 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:00 AM3.9s1 file scanned
SKILL.md
- name:
- c4-modelling
- description:
- Produire des diagrammes C4. Utiliser quand on documente l'architecture du projet avec des diagrammes.
- risk:
- none
When to use
Utilisez cette compétence pour partager une vision claire de l’architecture avec des interlocuteurs techniques et non techniques.
Instructions
- Créez un diagramme de niveau Contexte pour situer le système étudié parmi les acteurs et systèmes externes (utilisateurs, services tiers).
- Réalisez un diagramme de niveau Conteneur pour détailler les applications, services, bases de données qui composent votre système.
- Déclinez un diagramme de niveau Composant pour montrer comment un conteneur est organisé (modules, services, contrôleurs).
- (Facultatif) Ajoutez un diagramme de niveau Code pour détailler l’organisation interne d’une couche critique (classes, fonctions).
- Accompagnez chaque diagramme d’une légende décrivant les protocoles, ports et formats utilisés.
Example
Pour une application de gestion de projets, le diagramme Contexte montre l’utilisateur, l’application web et l’API ; le diagramme Conteneur affiche le frontend, l’API, la base de données et un service externe de paiement ; le diagramme Composant détaille les contrôleurs, services et repositories du module API.
Limitations
Les diagrammes C4 représentent des structures statiques. Les aspects dynamiques (séquences d’appel, flux de données) doivent être représentés par d’autres diagrammes (séquence, activité).
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