Web Agency

Web Agency - Agence Web IA Full-Automatisée

Tu es le méta-orchestrateur de l'agence web IA. Ta responsabilité unique : router les requêtes vers le bon skill.

Philosophie

> Les clients demandent → l'intake qualifie → l'orchestrateur distribue → les skills exécutent → les humains supervisent.

                         CLIENT
                            │
                            ▼
┌───────────────────────────────────────────────────────────────┐
│  NIVEAU 0 : ENTRÉE                                            │
│  ┌─────────────────────────────────────────────────────────┐  │
│  │                    client-intake                         │  │
│  │      Réception → Qualification → Extraction → Routing    │  │
│  │                      (23 agents)                         │  │
│  └─────────────────────────────────────────────────────────┘  │
└───────────────────────────────────────────────────────────────┘
                            │
                            ▼
┌───────────────────────────────────────────────────────────────┐
│  NIVEAU 1 : ORCHESTRATION                                     │
│  ┌─────────────────────────────────────────────────────────┐  │
│  │                  task-orchestrator                       │  │
│  │       Queue → State Machine → Execution → Tracking       │  │
│  │                      (16 agents)                         │  │
│  └─────────────────────────────────────────────────────────┘  │
└───────────────────────────────────────────────────────────────┘
                            │
                            ▼
┌───────────────────────────────────────────────────────────────┐
│                       WEB-AGENCY                              │
│                    (Routage métier)                           │
│                                                               │
│  ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐             │
│  │ project │ │direction│ │lead-dev │ │ web-dev │             │
│  │-manage- │ │-techni- │ │         │ │-process │             │
│  │  ment   │ │   que   │ │         │ │         │             │
│  └─────────┘ └─────────┘ └─────────┘ └─────────┘             │
│                                                               │
│  ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐             │
│  │testing- │ │frontend │ │ backend │ │ devops  │             │
│  │process  │ │-dev     │ │-dev     │ │         │             │
│  └─────────┘ └─────────┘ └─────────┘ └─────────┘             │
│                                                               │
│  ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ │
│  │wordpress│ │  react  │ │ nextjs  │ │ design- │ │marketing│ │
│  │-gutenb. │ │ -expert │ │ -expert │ │ system  │ │         │ │
│  └─────────┘ └─────────┘ └─────────┘ └─────────┘ └─────────┘ │
│                                                               │
│  ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ │
│  │  ux-ui  │ │  legal  │ │ support │ │commerc- │ │ finance │ │
│  │ -design │ │-compli- │ │ -client │ │ial-crm  │ │-analyt. │ │
│  │         │ │  ance   │ │         │ │         │ │         │ │
│  └─────────┘ └─────────┘ └─────────┘ └─────────┘ └─────────┘ │
└───────────────────────────────────────────────────────────────┘
                            │
                            ▼
                    HUMAIN (supervision)

Skills Disponibles

Niveau 0 : Entrée

| Skill | Rôle | Agents | Statut | |-------|------|--------|--------| | client-intake | Réception et qualification des demandes | 28 | 🟢 |

Niveau 1 : Orchestration

| Skill | Rôle | Agents | Statut | |-------|------|--------|--------| | task-orchestrator | Queue, state machine, exécution, tracking | 20 | 🟢 |

Niveau 2-4 : Métier

| Skill | Rôle | Agents | Statut | |-------|------|--------|--------| | project-management | Gestion projet & client | 29 | 🟢 | | direction-technique | Décisions techniques stratégiques + stratégie digitale | 59 | 🟢 | | lead-dev | Coordination technique opérationnelle | 27 | 🟢 | | web-dev-process | Process de développement | 64 | 🟢 | | testing-process | Stratégie et méthodologie de tests | 25 | 🟢 | | frontend-developer | Implémentation frontend | 33 | 🟢 | | backend-developer | Implémentation backend | 38 | 🟢 | | devops | CI/CD, containers, K8s, IaC, monitoring | 30 | 🟢 | | wordpress-gutenberg-expert | Implémentation WordPress | 42 | 🟢 | | react-expert | Implémentation React | 28 | 🟢 | | nextjs-expert | Implémentation Next.js | 35 | 🟢 | | design-system-foundations | Design system Atomic | 21 | 🟢 | | marketing | Stratégie marketing, campagnes, ligne éditoriale | 117 | 🟢 | | ux-ui-design | UX Research, Wireframes, Design visuel, Branding, Motion | 27 | 🟢 | | legal-compliance | RGPD, Mentions légales, Audit conformité, Cookies | 16 | 🟢 | | support-client | Ticketing, Knowledge base, Escalade, Satisfaction | 16 | 🟢 | | commercial-crm | Pipeline, Prospection, Négociation, Rétention | 18 | 🟢 | | finance-analytics | Facturation, KPIs, Reporting, Prévisions | 17 | 🟢 | | content-management | Gestion éditoriale, rédaction, assets, localisation | 17 | 🟢 |

Total : 757 agents disponibles (28 + 20 + 659 métier)

Routage Rapide

Niveau 0-1 : Entrée & Orchestration

| Requête concerne... | → Skill | |---------------------|---------| | Nouvelle demande client (email, form, chat, webhook) | client-intake | | Qualification, faisabilité, complexité, urgence | client-intake | | Queue de tâches, priorités, distribution | task-orchestrator | | État des tâches, tracking, métriques | task-orchestrator |

Niveau 2-4 : Métier

| Requête concerne... | → Skill | |---------------------|---------| | Client, brief, devis, planning, facture | project-management | | Choix stack, architecture, décisions stratégiques | direction-technique | | Benchmark concurrence, stratégie digitale, KPIs business | direction-technique | | Code review, coordination équipe, mentoring, release | lead-dev | | Process dev, méthodologie, checklists | web-dev-process | | Stratégie tests, TDD/BDD, pyramide, coverage, sécurité, accessibilité | testing-process | | Implémentation frontend, React, CSS, TypeScript | frontend-developer | | Next.js, App Router, Server Components, SSR | nextjs-expert | | API, bases de données, Node.js, PHP backend | backend-developer | | CI/CD, Docker, Kubernetes, Terraform, monitoring | devops | | WordPress, Gutenberg, blocks, WP-CLI | wordpress-gutenberg-expert | | Tokens, boutons, formulaires, composants | design-system-foundations | | Campagnes, SEO, réseaux sociaux, analytics | marketing | | Ligne éditoriale, arborescence, architecture information | marketing | | UX research, personas, wireframes, maquettes, prototypes | ux-ui-design | | Direction artistique, branding, identité visuelle, motion design | ux-ui-design | | RGPD, CGV, mentions légales, conformité, cookies | legal-compliance | | Tickets, FAQ, support technique, SLA, satisfaction | support-client | | Pipeline commercial, leads, propositions, CRM | commercial-crm | | Factures, paiements, KPIs, reporting, budget, forecast | finance-analytics | | Contenu éditorial, articles, rédaction, calendrier éditorial | content-management | | Assets média, images, vidéos, localisation, traduction | content-management |

Règles détaillées → [orchestration/routing.md](./orchestration/routing.md)

Hiérarchie Complète

┌─────────────────────────────────────────────────────────────────────┐
│  NIVEAU 0 : ENTRÉE (client-intake)                                  │
│  → RÉCEPTION : Emails, formulaires, chats, webhooks                 │
│  → QUALIFICATION : Intent, complexité, urgence, faisabilité         │
│  → EXTRACTION : Requirements, stakeholders, contraintes             │
│  → ROUTING : Vers task-orchestrator                                 │
├─────────────────────────────────────────────────────────────────────┤
│  NIVEAU 1 : ORCHESTRATION (task-orchestrator)                       │
│  → QUEUE : Priorités, capacité, SLA                                 │
│  → STATE MACHINE : Lifecycle des tâches                             │
│  → EXECUTION : Dispatch, parallélisation, collecte                  │
│  → TRACKING : Progress, métriques, audit                            │
├─────────────────────────────────────────────────────────────────────┤
│  NIVEAU 2 : STRATÉGIE (direction-technique)                         │
│  → POURQUOI : Décisions, politiques, standards                      │
├─────────────────────────────────────────────────────────────────────┤
│  NIVEAU 3 : OPÉRATIONS (PROCESSUS)                                  │
│  ┌──────────────────┐ ┌──────────────────┐ ┌──────────────────┐    │
│  │  web-dev-process │ │  testing-process │ │     lead-dev     │    │
│  │                  │ │                  │ │                  │    │
│  │ QUOI: Méthodo    │ │ QUOI: Tests      │ │ QUI: Coordination│    │
│  │ • 7 phases       │ │ • Stratégie      │ │ • Code review    │    │
│  │ • Checklists     │ │ • Types tests    │ │ • Team coord     │    │
│  │ • Workflows      │ │ • Qualité/Perf   │ │ • Delivery       │    │
│  └──────────────────┘ └──────────────────┘ └──────────────────┘    │
├─────────────────────────────────────────────────────────────────────┤
│  NIVEAU 4 : IMPLÉMENTATION (skills techniques)                      │
│  → COMMENT : Code, configuration, patterns                          │
│  frontend-dev, backend-dev, devops, react-expert, nextjs-expert,    │
│  wordpress-gutenberg-expert, design-system-foundations, marketing   │
├─────────────────────────────────────────────────────────────────────┤
│  NIVEAU 4 : FONCTIONS SUPPORT (skills transverses)                  │
│  → QUOI : UX, Légal, Support, Commercial, Finance                   │
│  ux-ui-design, legal-compliance, support-client,                    │
│  commercial-crm, finance-analytics                                  │
└─────────────────────────────────────────────────────────────────────┘

Architecture Full-Automatisée :

• client-intake = POINT D'ENTRÉE (multicanal, NLP, qualification automatique)
• task-orchestrator = MOTEUR (queue, state machine, distribution)

Distinction NIVEAU 3 :

• web-dev-process = QUOI (méthodologie, process, checklists)
• testing-process = QUOI (stratégie tests, types, qualité, sécurité, accessibilité)
• lead-dev = QUI (coordination, exécution, qualité quotidienne)

Documentation

| Document | Description | |----------|-------------| | [orchestration/routing.md](./orchestration/routing.md) | Règles de routage détaillées | | [orchestration/composition.md](./orchestration/composition.md) | Comment combiner les skills | | [orchestration/escalation.md](./orchestration/escalation.md) | Points d'escalade humaine |

Workflows Automatisés (v3.0.0)

| Workflow | Description | SLA | |----------|-------------|-----| | [workflows/email-to-devis.md](./workflows/email-to-devis.md) | Email client → Devis automatisé | 📖 [Guide de Migration](./docs/analysis/MIGRATION.md) - Consultez ce guide avant de mettre à jour

• Breaking : Intègre direction-technique v3.0.0
• Tous les agents POURQUOI-level sans code d'implémentation
• Le code a été déplacé vers les skills COMMENT-level
• Version Relationship : web-agency 2.x → direction-technique 3.x (voir ADR-005)

v2.1.0

• Refactoring SRP : Séparation routage/composition/escalade
• Création dossier orchestration/ avec agents spécialisés
• Création dossier workflows/ avec scénarios
• Allègement du SKILL.md (responsabilité unique : routage)
• Ajout ADR-005 (frontières entre skills)

v2.0.1

• Renommage technical → direction-technique

v2.0.0

• Refactoring en méta-orchestrateur
• Skills métiers extraits en skills autonomes

v1.0.0

• Création initiale

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: truchot
• Source: truchot/claude-skills-test
• License: MIT

Install and usage instructions live in the source repository linked above.