Synthèse automatique
Cette compétence conçoit l'architecture complète du système, y compris les composants, les flux de données, l'infrastructure, le schéma de base de données et la conception des API.
Points forts
- Couvre tous les aspects architecturaux (composants, données, infrastructure).
- S'intègre avec les étapes précédentes du projet pour assurer la cohérence.
- Produit des propositions détaillées et des artefacts exploitables.
- Guide le développement ultérieur en définissant des décisions techniques claires.
Limites
- Nécessite que toutes les étapes précédentes soient complètes.
- Peut être trop rigide pour des projets très simples.
- Suppose une structure de répertoires spécifique (dev-swarm).
Utilisez cette compétence lorsque vous commencez la phase d'architecture d'un projet logiciel pour définir les décisions techniques fondamentales.
Ne l'utilisez pas lorsque le projet est trop petit pour justifier une documentation d'architecture formelle.
Analyse de sécurité
SûrThe skill is a process guide for designing system architecture. It contains no executable commands, no network access, no destructive actions, and no data exfiltration instructions. It only instructs reading and writing project files within the development environment.
Aucun point d'attention détecté
Comment cette analyse est faiteExemples
Start stage 07 for my projectDesign the database schema for my e-commerce app based on the ideas and requirements from previous stages.What tech stack should I use for a real-time chat application? Include rationale for each component.name: dev-swarm-stage-architecture description: Design the complete system architecture including components, data flow, infrastructure, database schema, and API design. Use when starting stage 07 (architecture) or when user asks about system design, tech stack, or database schema.
Stage 07 - Architecture
Design the complete system architecture including components, data flow, infrastructure, and technical decisions that will guide all subsequent development work.
When to Use This Skill
- User asks to start stage 07 (architecture)
- User wants to design system architecture or select tech stack
- User asks about database design, API architecture, or infrastructure
Your Roles in This Skill
See dev-swarm/docs/general-dev-stage-rule.md for role selection guidance.
Role Communication
See dev-swarm/docs/general-dev-stage-rule.md for the required role announcement format.
Pre-Stage Check
Before starting, verify previous stages:
- Check if
00-init-ideas/through06-ux/folders have content (not just.gitkeep) - If any previous stage is empty and has no
SKIP.md:- Ask user: "Stage {XX} is not complete. Would you like to skip it or start from that stage first?"
Instructions
Step 1: Context Review
Read all files to understand the project:
ideas.md00-init-ideas/*.mdthrough06-ux/*.md- All markdown files
Step 2: Create Stage Proposal
General Rules: See dev-swarm/docs/general-dev-stage-rule.md → "Create Stage Proposal Rules" section.
If this stage is skipped (has SKIP.md), execute the next non-skipped stage's agent skill. Otherwise, create the file 07-architecture/README.md with the following content:
2.1 Stage Goal
Brief the goal in 2-3 paragraphs:
- What this stage aims to achieve (define system architecture, tech stack, data models, APIs)
- Why architecture design is critical before development begins
- How this builds upon previous stages (UX flows, PRD requirements, MVP scope, tech research findings)
- What deliverables will be produced
2.2 File Selection
Select files from these options based on project needs:
System Architecture:
system-architecture.md- Overall system architecture describing components and interactionsarchitecture-diagram/- High-level system architecture diagramsC4-component-diagram/- C4 model diagrams: Context, Containers, Components Technology Stack:tech-stack.md- Selected languages, frameworks, libraries, and toolstech-stack-rationale.md- Detailed reasoning for each technology choice
Database Design:
database-design.md- Database schema design and data modeling approachdatabase-schema/- ER diagrams showing tables and relationships
API Architecture:
api-design.md- API architecture patterns, authentication, versioning strategyapi-endpoints.md- Complete listing of API endpoints
Infrastructure:
infrastructure-design.md- Overview of infrastructure componentsinfrastructure-diagram/- Infrastructure topology diagrams Security & Scalability:security-architecture.md- Security design including authentication and authorizationscalability-plan.md- Scalability considerations and strategies
Data & Integrations:
data-flow-diagram/- Data flow diagramsintegration-architecture.md- Third-party service integrations
For each selected file, provide:
- Short description
- Why it's essential for this project
- Key information it should include
2.3 Request User Approval
Ask user: "Please check the Stage Proposal in 07-architecture/README.md. Update it directly or tell me how to update it."
Step 3: Execute Stage Plan
Once user approves 07-architecture/README.md:
3.1 Create All Planned Files
Create each file listed in the approved README:
- For
.mdfiles: Write comprehensive content with clear sections and technical details - For diagram folders: Follow
dev-swarm/docs/mermaid-diagram-guide.mdto create related diagrams files
Quality Guidelines:
- Base architecture decisions on PRD requirements, UX designs, and tech research findings
- Ensure tech stack choices align with team capabilities and validated assumptions
- Design for MVP scope first, with considerations for future scalability
- Include clear component boundaries and interfaces
- Document all major architectural decisions and trade-offs
- Reference any constraints or recommendations from tech research stage
3.2 Request User Approval for Files
After creating all files:
- Provide a summary of what was created
- Highlight key architectural decisions and trade-offs
- Ask: "Please review the architecture design. You can update or delete files, or let me know how to modify them."
Step 4: Finalize Stage
Once user approves all files:
4.1 Documentation Finalization
- Sync
07-architecture/README.mdto remove any deleted files - Ensure all files are complete and well-formatted
- Check that all diagrams render correctly
4.2 Prepare for Next Stage
- Summarize key architectural decisions for reference in tech-specs stage
- Identify any technical risks or open questions
4.3 Announce Completion
Inform user:
- "Stage 07 (Architecture) is complete"
- Summary of deliverables created
- Key architectural decisions made
- "Ready to proceed to Stage 08 (Tech Specs) when you are"
Stage Completion Rules
See dev-swarm/docs/general-dev-stage-rule.md for stage completion, commit, and skip rules.
Key Principles
- Document architectural decisions and trade-offs
- Design for MVP scope first
- Consider security and scalability from the start
- Support smooth transition to tech specs
Du fichier au premier essai
Le téléchargement contient exactement le contenu affiché sur cette fiche. Cette copie peut différer de la dernière version du dépôt source.
Consulter la source et ses fichiers annexesCe téléchargement contient uniquement SKILL.md. Les scripts, références, modèles et dépendances éventuels ne sont pas inclus. Récupérez les fichiers nécessaires depuis la source en conservant leur arborescence avant de poursuivre.
1. Télécharger le fichier
Télécharger SKILL.mdDepuis la racine d’un projet de test, enregistrez le fichier sous .skill-downloads/complete-system-architecture-design-mm78no41/SKILL.md, ou utilisez la commande suivante. Ce dossier sert à examiner la skill avant son installation.
Commande pour macOS/Linux ou WSL : un shell POSIX et curl sont nécessaires. Sous Windows sans WSL, utilisez le bouton de téléchargement et créez le dossier manuellement.
mkdir -p '.skill-downloads/complete-system-architecture-design-mm78no41' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/complete-system-architecture-design-mm78no41/download' --output '.skill-downloads/complete-system-architecture-design-mm78no41/SKILL.md.part' && mv '.skill-downloads/complete-system-architecture-design-mm78no41/SKILL.md.part' '.skill-downloads/complete-system-architecture-design-mm78no41/SKILL.md'2. Vérifier les prérequis
Lisez SKILL.md avant de l’utiliser. Si le fichier cite des scripts ou services externes, examinez-les et préparez les accès nécessaires dans votre environnement de test.
Aucune section de prérequis reconnue dans ce fichier. Cela ne signifie pas qu’il est autonome : les bibliothèques, outils et accès peuvent être cités ailleurs dans le contenu ou dans le dépôt source.
Les plateformes de la fiche sont des indications du catalogue. Les chemins ci-dessous suivent la documentation des outils ; ils ne prouvent pas que cette skill y a été exécutée. Aucune version minimale de ces outils n’est attestée pour cette fiche.
3. Charger la skill
Après vérification, copiez le dossier complet dans le projet avec l’une des commandes ci-dessous, puis ouvrez une nouvelle session de l’outil. La commande s’arrête si un dossier du même nom existe déjà : comparez les fichiers avant de le remplacer.
Claude Code
test -f '.skill-downloads/complete-system-architecture-design-mm78no41/SKILL.md' && test -s '.skill-downloads/complete-system-architecture-design-mm78no41/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/dev-swarm-stage-architecture' && cp -R '.skill-downloads/complete-system-architecture-design-mm78no41' '.claude/skills/dev-swarm-stage-architecture'OpenSkills
OpenSkills doit déjà être installé. La procédure locale install/read est contrôlée avec OpenSkills 1.5.0, qui exige Node.js ≥ 20.6.0. Aucun slug du catalogue n’est résolu automatiquement.
Installation officielle d’OpenSkillsopenskills install './.skill-downloads/complete-system-architecture-design-mm78no41'openskills read 'complete-system-architecture-design-mm78no41'La lecture doit afficher le contenu du fichier installé et son dossier de base. Elle ne lance ni la skill ni ses dépendances.
Pour un agent qui lit AGENTS.md, synchronisez ensuite l’index. Cette commande modifie AGENTS.md : relisez le diff avant de l’utiliser.
openskills syncMode manuel ou autre outil : joignez SKILL.md à une conversation, ou ouvrez-le dans un agent capable de lire les fichiers. Ajoutez les ressources annexes nécessaires. Il n’existe pas de dossier universel reconnu par tous les outils.
4. Faire un premier essai
Utilisez une entrée courte et fictive : un endpoint d’API, un petit document ou un brief d’interface. Dans une nouvelle conversation, joignez le fichier ou donnez son chemin à l’agent, puis adaptez cette demande :
Lis .skill-downloads/complete-system-architecture-design-mm78no41/SKILL.md et applique ses instructions à cet exemple : [décrire une entrée de test]. Indique les fichiers, dépendances ou accès qui manquent. Produis le résultat demandé par la skill sans inventer de données ni exécuter de script non examiné.Résultat attendu : une sortie correspondant aux instructions de la skill, ou une liste précise des prérequis manquants. Une simple confirmation de lecture ne valide pas le premier usage. Si une ressource externe est indisponible, ce parcours reste à tester.
Bonnes pratiques React Hook Form
Developpement
Maîtrisez React Hook Form : évitez les anti-patterns, gérez les abonnements, et traitez correctement reset, dirty state et entrées contrôlées.
Migration Emotion vers Mantine
Developpement
Migrer les styled-components Emotion vers des composants Mantine avec style props et modules CSS. Pour convertir .styled.tsx ou supprimer les imports @emotion.
Détecteur de dérive de périmètre
Developpement
Analyse les diffs git par rapport à une intention pour détecter la dérive de périmètre, fichiers non liés et PR trop larges, puis suggère de garder, diviser ou justifier.