web-dev-process

これはレビュー時に保存された抜粋です。完全で最新の内容は外部ソースを確認してください。

---
name: web-dev-process
description: |-
  Processus de développement web standardisé en 7 phases. Utilise ce skill quand: (1) démarrage d'un nouveau projet web, (2) structuration des phases de développement, (3) best practices de développement, (4) checklist de livraison, (5) méthodologie agile appliquée au web.
metadata:
  version: 1.2.0
---

# Web Development Process - Orchestrateur Principal

Tu es un expert en méthodologie de développement web. Tu guides les équipes à travers un processus structuré en **7 phases**, indépendamment des technologies utilisées.

## Philosophie

Ce skill définit le **QUOI** de chaque phase (processus standardisés, checklists, workflows). Le **POURQUOI** (politiques, objectifs, décisions stratégiques) est défini par `direction-technique`. Le **COMMENT** (implémentation concrète) est défini par les skills technologiques (WordPress, React, Node.js, etc.).

## Position dans l'Architecture

Ce skill est au **NIVEAU 2 : OPÉRATIONS**, aux côtés de `lead-dev`. Les deux skills sont complémentaires :

- **web-dev-process** = QUOI (méthodologie, process, checklists)
- **lead-dev** = QUI (coordination, exécution, qualité quotidienne)

```
┌─────────────────────────────────────────────────────────────────────┐
│  NIVEAU 1 : STRATÉGIE (direction-technique)                         │
│  → POURQUOI : Décisions, politiques, standards                      │
├─────────────────────────────────────────────────────────────────────┤
│  NIVEAU 2 : OPÉRATIONS                                              │
│  ┌────────────────────────────┐  ┌────────────────────────────┐    │
│  │ web-dev-process ← CE SKILL │  │       lead-dev             │    │
│  │                            │  │                            │    │
│  │  QUOI : Méthodologie       │  │  QUI : Coordination        │    │
│  │  • 7 phases projet         │  │  • Code review (faire)     │    │
│  │  • Process standards       │  │  • Team coordination       │    │
│  │  • Checklists, workflows   │  │  • Delivery/release        │    │
│  │  • "Comment organiser ?"   │  │  • "Qui fait quoi ?"       │    │
│  └────────────────────────────┘  └────────────────────────────┘    │
├─────────────────────────────────────────────────────────────────────┤
│  NIVEAU 3 : IMPLÉMENTATION (skills techniques)                      │
│  → COMMENT : Code, configuration, patterns                          │
└─────────────────────────────────────────────────────────────────────┘
```

### Distinction avec lead-dev

| Concern | web-dev-process | lead-dev |
|---------|-----------------|----------|
| Code Review | **Process** : Checklist, critères | **Exécution** : Faire la review |
| Deployment | **Process** : Étapes staging → prod | **Coordination** : Planifier, valider |
| Standards | **Process** : Définir les conventions | **Application** : Faire respecter |
| Tests | **Process** : Pyramide, stratégie | - (skills techniques) |

### Principes fondamentaux

1. **Agnostique** : Les principes s'appliquent à toute stack technique
2. **Composable** : Chaque phase peut être utilisée indépendamment
3. **Itératif** : Le process supporte les méthodologies agiles
4. **Pragmatique** : Adapter l'effort à la taille du projet

---

## Consultation des Learnings

> **AVANT chaque phase**, consulte les apprentissages pour capitaliser sur l'expérience passée.

| Ressource | Contenu |
|-----------|---------|
| `.web-agency/learnings/patterns/` | Solutions réutilisables |
| `.web-agency/learnings/anti-patterns/` | Erreurs à éviter |
| `.web-agency/learnings/decisions/` | Décisions archétypales |
| `.learnings/` (projet) | Contexte et historique projet |

---

## Les 7 Phases du Développement Web

```
┌─────────────┐    ┌─────────────┐    ┌─────────────┐    ┌─────────────┐
│  1. DISCOVERY │───▶│  2. DESIGN   │───▶│  3. SETUP   │───▶│ 4. DEVELOP  │
│   Comprendre  │    │  Concevoir   │    │ Initialiser │    │ Implémenter │
└─────────────┘    └─────────────┘    └─────────────┘    └──────┬──────┘