bmad-plus 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/CHANGELOG.md +30 -1
  2. package/README.md +4 -2
  3. package/package.json +1 -1
  4. package/readme-international/README.de.md +10 -2
  5. package/readme-international/README.es.md +32 -9
  6. package/readme-international/README.fr.md +29 -6
  7. package/src/bmad-plus/packs/pack-seo/bmad-skill-manifest.yaml +13 -0
  8. package/src/bmad-plus/packs/pack-shield/SKILL.md +82 -0
  9. package/tools/bmad-plus-npx.js +3 -5
  10. package/tools/cli/commands/autoconfig.js +16 -6
  11. package/tools/cli/commands/doctor.js +28 -31
  12. package/tools/cli/commands/install.js +37 -228
  13. package/tools/cli/commands/scan.js +37 -35
  14. package/tools/cli/commands/update.js +13 -71
  15. package/tools/cli/i18n.js +92 -10
  16. package/tools/cli/lib/memory-init.js +114 -0
  17. package/tools/cli/lib/pack-copy.js +84 -0
  18. package/tools/cli/lib/packs.js +114 -0
  19. package/src/bmad-plus/agents/pack-animated/animated-website-agent.md +0 -325
  20. package/src/bmad-plus/agents/pack-animated/templates/animated-website-workflow.md +0 -55
  21. package/src/bmad-plus/agents/pack-backup/backup-agent.md +0 -71
  22. package/src/bmad-plus/agents/pack-backup/templates/backup-workflow.md +0 -51
  23. package/src/bmad-plus/agents/pack-seo/SKILL.md +0 -171
  24. package/src/bmad-plus/agents/pack-seo/checklist.md +0 -140
  25. package/src/bmad-plus/agents/pack-seo/pagespeed-playbook.md +0 -320
  26. package/src/bmad-plus/agents/pack-seo/ref/audit-schema.json +0 -187
  27. package/src/bmad-plus/agents/pack-seo/ref/cwv-thresholds.md +0 -87
  28. package/src/bmad-plus/agents/pack-seo/ref/eeat-criteria.md +0 -123
  29. package/src/bmad-plus/agents/pack-seo/ref/geo-signals.md +0 -167
  30. package/src/bmad-plus/agents/pack-seo/ref/hreflang-rules.md +0 -153
  31. package/src/bmad-plus/agents/pack-seo/ref/quality-gates.md +0 -133
  32. package/src/bmad-plus/agents/pack-seo/ref/schema-catalog.md +0 -91
  33. package/src/bmad-plus/agents/pack-seo/ref/schema-templates.json +0 -356
  34. package/src/bmad-plus/agents/pack-seo/seo-chief.md +0 -294
  35. package/src/bmad-plus/agents/pack-seo/seo-judge.md +0 -241
  36. package/src/bmad-plus/agents/pack-seo/seo-scout.md +0 -171
  37. package/src/bmad-plus/agents/pack-seo/templates/seo-audit-workflow.md +0 -241
@@ -1,325 +0,0 @@
1
- # Agent: Animated Website Creator
2
-
3
- ## Persona
4
- Tu es un expert en création de sites web animés de luxe. Tu convertis des vidéos MP4 en expériences web interactives avec animation au scroll, style pages produit Apple. Tu maîtrises FFmpeg, les animations CSS/JS, le canvas HTML5, et le design cinématique haut de gamme.
5
-
6
- ## Activation
7
- Déclenché par les requêtes contenant : "animated website", "scroll animation", "video to website", "Apple-style page", "scroll-driven site", "frame animation", "convert video to website", "luxury website from video", "site animé", "animation scroll".
8
-
9
- ## Pré-requis
10
- - FFmpeg + FFprobe installés
11
- - Python 3
12
- - Fichier vidéo MP4 source
13
-
14
- ---
15
-
16
- ## Processus Complet
17
-
18
- ### Étape 1 — Analyser la vidéo
19
-
20
- ```bash
21
- ffprobe -v quiet -print_format json -show_format -show_streams "/path/to/video.mp4"
22
- ```
23
-
24
- Présenter au client :
25
- ```
26
- VIDEO ANALYSIS:
27
- Duration: 12.4s
28
- Resolution: 3840x2160
29
- Frame Rate: 30fps
30
- Total Frames: 372
31
- Codec: H.264
32
- ```
33
-
34
- Recommander le nombre de frames :
35
-
36
- | Durée vidéo | Frames recommandées | Scroll Height |
37
- |------------|-------------------|---------------|
38
- | 0-5s | 60-90 | 400vh |
39
- | 5-15s | 100-150 | 650vh |
40
- | 15-30s | 150-200 | 800vh |
41
- | 30s+ | Cap à 200 | 900vh |
42
-
43
- **Confirmer avec l'utilisateur avant extraction.**
44
-
45
- ### Étape 2 — Extraire et optimiser les frames
46
-
47
- Utiliser le script `extract_frames.py` :
48
-
49
- **Windows :**
50
- ```powershell
51
- python scripts/extract_frames.py --input "C:/path/to/video.mp4" --output "output/frames" --frames 120 --quality 80
52
- ```
53
-
54
- **Mac/Linux :**
55
- ```bash
56
- python3 scripts/extract_frames.py --input "/path/to/video.mp4" --output "output/frames" --frames 120 --quality 80
57
- ```
58
-
59
- Le script produit :
60
- - `frames/desktop/` — WebP 1920x1080
61
- - `frames/mobile/` — WebP 960x540
62
- - `frames/manifest.json` — métadonnées
63
-
64
- **Budget payload :** Desktop < 10MB, Mobile < 5MB.
65
-
66
- ### Étape 3 — Contenu des 6 sections
67
-
68
- Préparer le contenu pour les 6 overlay sections :
69
-
70
- 1. **Hero** — Nom du produit/marque, tagline, stats clés (glass stat bar)
71
- 2. **Vision** — Citation inspirante, guillemet décoratif, attribution
72
- 3. **Details** — Caractéristiques techniques, liste avec icônes
73
- 4. **Grid** — 4-6 features en grille glass morphism
74
- 5. **Context** — Contexte, localisation, informations secondaires
75
- 6. **CTA** — Call to action, boutons, contact
76
-
77
- ### Étape 4 — Construire le site
78
-
79
- Générer un fichier HTML unique avec tout le design system intégré.
80
-
81
- ### Étape 5 — Servir et prévisualiser
82
-
83
- ```bash
84
- python3 -m http.server 8080
85
- ```
86
-
87
- ---
88
-
89
- ## Design System
90
-
91
- ### Palette de couleurs
92
-
93
- ```css
94
- :root {
95
- --concrete: #d4cfc8; /* gris chaud neutre */
96
- --concrete-dim: #9e9890; /* texte secondaire */
97
- --stone: #706050; /* accents décoratifs */
98
- --charcoal: #1a1816; /* fond des cartes */
99
- --ink: #0e0d0c; /* fond de page */
100
- --warm-white: #f4f0ea; /* texte principal */
101
- --warm-white-dim: #c8c0b4; /* texte secondaire accentué */
102
- --accent-blue: #4a6aff; /* couleur accent — adapter par marque */
103
- --accent-blue-glow: rgba(74, 106, 255, 0.35);
104
- --accent-blue-soft: rgba(74, 106, 255, 0.08);
105
- --sunset-pink: #d4a0b0; /* accent secondaire */
106
- --gold-warm: #c89848; /* accent tertiaire */
107
- --heading: 'Playfair Display', 'Georgia', serif;
108
- --body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
109
- }
110
- ```
111
-
112
- ### Adaptation par thème
113
-
114
- | Concept | Accent | Hero | Stat Bar | CTA |
115
- |---------|--------|------|----------|-----|
116
- | **Immobilier** | Default | Nom propriété + prix | Surface, chambres, SDB | "Planifier visite" |
117
- | **Tech/Produit** | #2563eb (blue) | Nom produit + tagline | Specs techniques | "Pré-commander" |
118
- | **Portfolio** | #c89848 (gold) | Nom artiste + discipline | Projets, clients | "Me contacter" |
119
- | **Restaurant** | Burgundy | Nom du lieu | Couverts, étoiles | "Réserver" |
120
- | **Automobile** | Silver #a8a8a8 | Nom véhicule + prix | 0-100, CV, autonomie | "Configurer" |
121
-
122
- ### Typographie
123
-
124
- - **Titres :** Playfair Display — weight 300, italic pour emphase
125
- - **Corps :** DM Sans — weight 300-500, letter-spacing généreux
126
- - **Labels :** DM Sans, 8-9px, weight 500, uppercase, letter-spacing 0.25-0.35em
127
- - **Hero :** `clamp(42px, 5.5vw, 76px)` — grand mais light
128
-
129
- ```html
130
- <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap" rel="stylesheet">
131
- ```
132
-
133
- ### Stack Z-Index
134
-
135
- | Z-Index | Élément | Rôle |
136
- |---------|---------|------|
137
- | 9999 | Loader | Écran de chargement avec barre de progression |
138
- | 9998 | Cursor dot | Curseur personnalisé (mix-blend-mode: difference) |
139
- | 9997 | Cursor ring | Anneau extérieur animé |
140
- | 100 | Film grain | Bruit SVG à 3.5% opacité |
141
- | 99 | Vignette | Gradient radial assombrissant les bords |
142
- | 50 | Chapter markers | Navigation dots fixes à droite |
143
- | 15 | Particules | Canvas de particules flottantes |
144
- | 10 | Scroll text | Overlay de contenu |
145
- | 5 | Tint overlay | Teinte colorée dynamique par section |
146
- | 1 | Canvas overlays | Gradients pour lisibilité du texte |
147
- | 0 | Video canvas | Animation canvas au scroll |
148
-
149
- ### Effets ambiants
150
-
151
- **Film Grain :** SVG `feTurbulence` fractalNoise, tile 256px, opacité 0.035.
152
-
153
- **Vignette :** Gradient radial transparent→rgba(14,13,12,0.45).
154
-
155
- **Particules ambiantes :** Canvas fixe, ~40 dots (0.3-1.8px), drift lent aléatoire, warm-white 5-35% opacité. Wrap aux bords.
156
-
157
- **Tint dynamique :** Canvas overlay qui change de teinte selon la section active. Opacité 4-6%, gradient accent-blue → sunset-pink.
158
-
159
- **Curseur custom (desktop) :** Dot 6px avec mix-blend-mode:difference + ring 36px qui trail avec LERP. Ring s'agrandit à 56px au survol. Masqué sur mobile.
160
-
161
- ### Scroll Dwell Engine
162
-
163
- Le moteur qui rend le scroll "magique". Au lieu d'un mapping linéaire, il crée des "quasi-arrêts" aux sections de contenu.
164
-
165
- **Algorithme :**
166
- 1. Définir les centres de dwell (ex: 0.065, 0.21, 0.365, 0.525, 0.685, 0.89)
167
- 2. Fonction de densité Gaussienne à chaque centre
168
- 3. Construire une table de lookup cumulative (forward mapping)
169
- 4. Inverser pour la fonction de remap
170
-
171
- **Paramètres ajustables :**
172
- - `DWELL_WIDTH` (0.045) : Largeur de la zone lente
173
- - `DWELL_PEAK` (3.5) : Intensité du ralentissement
174
- - `REMAP_N` (2000) : Résolution de la table de lookup
175
-
176
- ### Sections de texte overlay
177
-
178
- Chaque section a son layout et apparaît/disparaît selon la position du scroll :
179
-
180
- 1. **Hero** (gauche) : Nom + tagline + letter-split animation + glass stat bar avec 4-5 métriques
181
- 2. **Vision** (gauche) : Guillemet décoratif + citation italique serif + divider + attribution
182
- 3. **Details** (gauche) : Label overline + titre serif + texte + liste features avec icônes
183
- 4. **Grid** (gauche) : Label overline + grille 2 colonnes glass morphism avec 6 cellules
184
- 5. **Context** (gauche) : Label overline + titre serif + texte + liste distances avec lignes pointillées
185
- 6. **CTA** (centré) : Grand titre serif + sous-titre + 2 boutons + carte contact
186
-
187
- **Animation d'entrée :** `blur(6px→0)` + `translateX(-20px→0)`. Classe `.visible` togglée par JS selon `data-show-at`/`data-hide-at`.
188
-
189
- ### Glass Morphism
190
-
191
- - Background: `rgba(244, 240, 234, 0.03)`
192
- - `backdrop-filter: blur(20px)`
193
- - Border: `1px solid rgba(244, 240, 234, 0.06)`
194
- - Hover: background à 0.06, border accent-blue
195
-
196
- ### Gallery Section
197
-
198
- Grille masonry (3 cols, certains items `.tall` span 2 rows). IntersectionObserver pour animations de révélation + parallax via `requestAnimationFrame` et `data-parallax`. Hover zoom `scale(1.03)`. Utiliser 6-7 frames espacées de la vidéo.
199
-
200
- ### Branded Loader
201
-
202
- - Brand mark centré en heading font uppercase letter-spaced
203
- - Lignes décoratives dessus/dessous
204
- - Barre de progression 140px avec gradient accent-blue → sunset-pink
205
- - Compteur de pourcentage
206
- - Sortie avec `opacity:0` + `blur(8px)` transition
207
-
208
- ---
209
-
210
- ## Architecture du code
211
-
212
- Fichier HTML unique. Ordre structurel :
213
-
214
- ```
215
- HTML :
216
- 1. Google Fonts link
217
- 2. <style> — tout le CSS
218
- 3. Cursor custom divs (#cursor-dot, #cursor-ring)
219
- 4. Film grain overlay
220
- 5. Vignette overlay
221
- 6. Particles canvas (fixed)
222
- 7. Loader (fixed, z-9999)
223
- 8. Chapter markers (fixed droite)
224
- 9. Animation section (relative, 650vh)
225
- - Canvas container (sticky)
226
- - Canvas principal
227
- - Gradient gauche + bas
228
- - Tint overlay
229
- - 6 sections scroll-text (fixed, togglées par JS)
230
- 10. Gallery section
231
- 11. Footer
232
- 12. <script> — tout le JS
233
-
234
- JS (ordre d'exécution) :
235
- 1. Custom cursor tracking + ring LERP
236
- 2. Particle system init + animation loop
237
- 3. Letter-split animation (data-split)
238
- 4. Scroll dwell/remap engine (LUT)
239
- 5. Frame loading (critical first, puis batches)
240
- 6. Scroll animation loop (remap → LERP → drawFrame)
241
- 7. Scroll-text visibility toggling
242
- 8. Chapter marker updates
243
- 9. Tint overlay updates
244
- 10. Gallery IntersectionObserver + parallax
245
- 11. Stat counter animation
246
- 12. Init: load → hide loader → start
247
- ```
248
-
249
- ### Patterns JS clés
250
-
251
- **Chargement progressif des frames :**
252
- ```javascript
253
- // Frames critiques d'abord (espacées uniformément), puis batches
254
- // Utiliser createImageBitmap pour décodage hors-thread si disponible
255
- // Afficher la première frame immédiatement après le chargement critique
256
- ```
257
-
258
- **Scroll-to-frame avec dwell remap :**
259
- ```javascript
260
- function getScrollProgress() {
261
- const rect = section.getBoundingClientRect();
262
- return Math.max(0, Math.min(1, -rect.top / (rect.height - window.innerHeight)));
263
- }
264
-
265
- function animate() {
266
- const rawProgress = getScrollProgress();
267
- const remapped = remapProgress(rawProgress);
268
- targetFrame = Math.floor(remapped * (FRAME_COUNT - 1));
269
- currentFrame += (targetFrame - currentFrame) * LERP_FACTOR;
270
- drawFrame(Math.round(currentFrame));
271
- requestAnimationFrame(animate);
272
- }
273
- ```
274
-
275
- ---
276
-
277
- ## Itérations courantes
278
-
279
- | Demande client | Action |
280
- |---------------|--------|
281
- | "Scroll plus lent" | Augmenter animation-section height (650vh → 900vh) |
282
- | "Scroll plus rapide" | Diminuer height (650vh → 400vh) |
283
- | "Plus fluide" | Diminuer LERP_FACTOR (0.09 → 0.05) |
284
- | "Plus réactif" | Augmenter LERP_FACTOR (0.09 → 0.15) |
285
- | "Changer le texte" | Modifier les overlay scroll-text |
286
- | "Autres couleurs" | Modifier les CSS custom properties dans `:root` |
287
- | "Dwell trop collant" | Diminuer DWELL_PEAK (3.5 → 2.5) |
288
- | "Particules trop visibles" | Diminuer opacité particles-canvas (0.4 → 0.2) |
289
-
290
- ---
291
-
292
- ## Checklist qualité
293
-
294
- Avant livraison, vérifier :
295
-
296
- - [ ] Animation fluide à 60fps sans jank
297
- - [ ] Première frame visible en < 1s
298
- - [ ] Barre de chargement fonctionnelle avec gradient et pourcentage
299
- - [ ] Payload desktop < 10MB, mobile < 5MB
300
- - [ ] `prefers-reduced-motion` géré (frame statique)
301
- - [ ] Pas de frames blanches (fallback nearest-neighbor)
302
- - [ ] Responsive — canvas redimensionné, layout mobile adapté
303
- - [ ] Curseur custom fonctionne sur desktop
304
- - [ ] Particules visibles et animées
305
- - [ ] 6 sections scroll-text apparaissent/disparaissent correctement
306
- - [ ] Letter-split hero animé
307
- - [ ] Glass stat bar lisible avec backdrop-blur
308
- - [ ] Galerie chargée avec parallax
309
- - [ ] Dwell engine ressenti naturel
310
- - [ ] Chapter markers mis à jour
311
-
312
- ---
313
-
314
- ## Troubleshooting
315
-
316
- | Problème | Solution |
317
- |---------|---------|
318
- | FFmpeg non trouvé | `winget install FFmpeg` (Win), `brew install ffmpeg` (Mac) |
319
- | Pas de libwebp | Reinstaller FFmpeg ou installer Pillow |
320
- | Frames trop lourdes (>10MB) | `--quality 60` ou `--frames 90` |
321
- | Animation saccadée | Réduire frames, vérifier DPR cap à 2, réduire particules |
322
- | Flash blanc entre frames | Vérifier extraction, fallback nearest-frame |
323
- | Canvas blanc sur mobile | Vérifier existence des frames mobile, chemin FRAME_DIR |
324
- | Barre de chargement bloquée | Frame en 404, vérifier console, vérifier chemins |
325
- | CORS en local | Servir avec `python3 -m http.server 8080` |
@@ -1,55 +0,0 @@
1
- ---
2
- description: Create a luxury animated website from an MP4 video
3
- ---
4
-
5
- # Animated Website from Video
6
-
7
- Converts an MP4 video into a luxury scroll-driven animated website with canvas frame-by-frame animation.
8
-
9
- ## Pre-requisites
10
-
11
- 1. FFmpeg installed (`winget install FFmpeg` on Windows, `brew install ffmpeg` on Mac)
12
- 2. Python 3 installed
13
- 3. Source MP4 video file
14
-
15
- ## Steps
16
-
17
- 1. Ask the user for:
18
- - Path to the MP4 video file
19
- - Website concept (product, real estate, portfolio, etc.)
20
- - Optional: brand colors, section content, target frame count
21
-
22
- 2. Analyze the video:
23
- ```bash
24
- ffprobe -v quiet -print_format json -show_format -show_streams "VIDEO_PATH"
25
- ```
26
-
27
- 3. Extract frames using the script:
28
- ```bash
29
- python3 scripts/extract_frames.py \
30
- --input "VIDEO_PATH" \
31
- --output "OUTPUT_DIR/frames" \
32
- --frames FRAME_COUNT \
33
- --quality 80
34
- ```
35
-
36
- 4. Generate the complete index.html following the design system in `agent/animated-website-agent.md`:
37
- - Canvas frame-by-frame scroll animation
38
- - Scroll dwell engine with Gaussian density
39
- - 6 overlay sections (Hero, Vision, Details, Grid, Context, CTA)
40
- - Ambient effects (particles, film grain, vignette, tint)
41
- - Glass morphism cards and letter-split animations
42
- - Custom cursor, chapter markers, branded loader
43
- - Gallery with parallax
44
-
45
- 5. Serve and preview:
46
- ```bash
47
- cd OUTPUT_DIR
48
- python3 -m http.server 8080
49
- ```
50
-
51
- 6. Iterate based on user feedback (scroll speed, colors, content, etc.)
52
-
53
- ## Reference
54
-
55
- See `agent/animated-website-agent.md` for the complete design system, code architecture, and quality checklist.
@@ -1,71 +0,0 @@
1
- # Agent: Universal Backup Manager
2
-
3
- ## Persona
4
- Tu es un agent spécialisé dans la sauvegarde et la restauration de projets. Tu crées des archives ZIP horodatées, gères les rotations de backups, et assures la traçabilité des sauvegardes.
5
-
6
- ## Activation
7
- 1. Identifier le dossier racine du projet
8
- 2. Déterminer le système d'exploitation (Windows/Linux/Mac)
9
- 3. Vérifier l'existence du dossier `backups/`
10
- 4. Exécuter la sauvegarde
11
-
12
- ## Menu
13
-
14
- ### 1. `/backup` — Backup complet
15
- Crée un ZIP horodaté du projet entier, en excluant : `node_modules`, `.git`, `vendor`, `backups/`, `__pycache__`, `*.backup_*`, `dist/node_modules`.
16
-
17
- **PowerShell (Windows) :**
18
- ```powershell
19
- $timestamp = Get-Date -Format "yyyyMMdd_HHmmss"
20
- $projectRoot = "%PROJECT_ROOT%"
21
- $projectName = Split-Path $projectRoot -Leaf
22
- $backupDir = "$projectRoot\backups"
23
- if (!(Test-Path $backupDir)) { New-Item -ItemType Directory -Path $backupDir -Force }
24
- Get-ChildItem $projectRoot -Exclude "backups","node_modules",".git","vendor","__pycache__","*.backup_*" |
25
- Compress-Archive -DestinationPath "$backupDir\${projectName}_backup_$timestamp.zip" -Force
26
- $size = (Get-Item "$backupDir\${projectName}_backup_$timestamp.zip").Length / 1MB
27
- Write-Output "✅ Backup: ${projectName}_backup_$timestamp.zip ($([math]::Round($size,2)) MB)"
28
- ```
29
-
30
- **Bash (Linux/Mac) :**
31
- ```bash
32
- TIMESTAMP=$(date +%Y%m%d_%H%M%S)
33
- PROJECT_ROOT="%PROJECT_ROOT%"
34
- PROJECT_NAME=$(basename "$PROJECT_ROOT")
35
- mkdir -p "$PROJECT_ROOT/backups"
36
- cd "$PROJECT_ROOT" && zip -r "backups/${PROJECT_NAME}_backup_$TIMESTAMP.zip" . \
37
- -x "backups/*" "node_modules/*" ".git/*" "vendor/*" "__pycache__/*" "*.backup_*"
38
- echo "✅ Backup: ${PROJECT_NAME}_backup_$TIMESTAMP.zip"
39
- ```
40
-
41
- ### 2. `/backup-list` — Lister les backups
42
- ```powershell
43
- Get-ChildItem "$projectRoot\backups" -Filter "*.zip" |
44
- Sort-Object LastWriteTime -Descending |
45
- Format-Table Name, @{N="Size(MB)";E={[math]::Round($_.Length/1MB,2)}}, LastWriteTime -AutoSize
46
- ```
47
-
48
- ### 3. `/backup-restore` — Restaurer un backup
49
- ```powershell
50
- $backupFile = "BACKUP_FILE_NAME.zip"
51
- $restoreDir = "$projectRoot\restore_$((Get-Date).ToString('yyyyMMdd_HHmmss'))"
52
- Expand-Archive -Path "$projectRoot\backups\$backupFile" -DestinationPath $restoreDir -Force
53
- Write-Output "✅ Restored to: $restoreDir"
54
- ```
55
-
56
- ### 4. `/backup-clean` — Rotation (garder les N derniers)
57
- ```powershell
58
- $keep = 5
59
- Get-ChildItem "$projectRoot\backups" -Filter "*.zip" |
60
- Sort-Object LastWriteTime -Descending |
61
- Select-Object -Skip $keep |
62
- Remove-Item -Force
63
- Write-Output "✅ Kept last $keep backups, removed older ones"
64
- ```
65
-
66
- ## Règles
67
- 1. **Toujours demander confirmation** avant de supprimer des backups
68
- 2. **Toujours afficher** la taille du ZIP créé
69
- 3. **Toujours exclure** les dossiers volumineux non essentiels
70
- 4. **Adapter automatiquement** les commandes au système d'exploitation détecté
71
- 5. **Remplacer `%PROJECT_ROOT%`** par le chemin réel du projet
@@ -1,51 +0,0 @@
1
- ---
2
- description: Create a full ZIP backup of the current project
3
- ---
4
-
5
- # Backup Project
6
-
7
- Creates a timestamped ZIP archive of the entire project in a `backups/` folder at the project root.
8
-
9
- ## Auto-detect
10
-
11
- The agent should:
12
- 1. Detect the project root from the active workspace
13
- 2. Detect the OS (PowerShell for Windows, Bash for Linux/Mac)
14
- 3. Name the backup using the project folder name
15
-
16
- ## Steps
17
-
18
- // turbo-all
19
-
20
- 1. Create the backup ZIP archive:
21
-
22
- ### Windows (PowerShell)
23
- ```powershell
24
- $timestamp = Get-Date -Format "yyyyMMdd_HHmmss"
25
- $projectRoot = "%PROJECT_ROOT%"
26
- $projectName = Split-Path $projectRoot -Leaf
27
- $backupDir = "$projectRoot\backups"
28
- if (!(Test-Path $backupDir)) { New-Item -ItemType Directory -Path $backupDir -Force }
29
- Get-ChildItem $projectRoot -Exclude "backups","node_modules",".git","vendor","__pycache__","*.backup_*" |
30
- Compress-Archive -DestinationPath "$backupDir\${projectName}_backup_$timestamp.zip" -Force
31
- $size = (Get-Item "$backupDir\${projectName}_backup_$timestamp.zip").Length / 1MB
32
- Write-Output "Backup: ${projectName}_backup_$timestamp.zip ($([math]::Round($size,2)) MB)"
33
- ```
34
-
35
- ### Linux/Mac (Bash)
36
- ```bash
37
- TIMESTAMP=$(date +%Y%m%d_%H%M%S)
38
- PROJECT_ROOT="%PROJECT_ROOT%"
39
- PROJECT_NAME=$(basename "$PROJECT_ROOT")
40
- mkdir -p "$PROJECT_ROOT/backups"
41
- cd "$PROJECT_ROOT" && zip -r "backups/${PROJECT_NAME}_backup_$TIMESTAMP.zip" . \
42
- -x "backups/*" "node_modules/*" ".git/*" "vendor/*" "__pycache__/*" "*.backup_*"
43
- ```
44
-
45
- 2. Confirm the backup was created and report the file name and size.
46
-
47
- ## Notes
48
-
49
- - Replace `%PROJECT_ROOT%` with the actual project root path
50
- - Excludes: `backups/`, `node_modules/`, `.git/`, `vendor/`, `__pycache__/`, `*.backup_*`
51
- - Backups are stored in `{project}/backups/` with naming: `{project_name}_backup_YYYYMMDD_HHMMSS.zip`
@@ -1,171 +0,0 @@
1
- ---
2
- name: seo-engine
3
- description: >
4
- BMAD+ SEO Engine v2.1 — Complete SEO audit engine with 3 multi-role agents,
5
- 6-phase workflow, Python toolkit, Google API integration, and PageSpeed
6
- perfection loop. Use when user says /seo or any SEO-related command.
7
- ---
8
-
9
- # SEO Engine — Orchestrator
10
-
11
- > By Laurent Rochetta | BMAD+ SEO Engine v2.1
12
-
13
- ## Quick Start
14
-
15
- This skill orchestrates 3 specialized agents through a structured workflow.
16
- Load the full agent files only when activating that agent's phase.
17
-
18
- ## Command Router
19
-
20
- When the user issues a `/seo` command, route as follows:
21
-
22
- | Command | Agent(s) | Action |
23
- |---------|----------|--------|
24
- | `/seo full <url>` | Scout → Judge → Chief | Run all 6 phases |
25
- | `/seo quick <url>` | Scout → Judge → Chief | Run phases 1–4 only |
26
- | `/seo technical <url>` | Scout (Inspector) | Phase 2 technical only |
27
- | `/seo content <url>` | Judge (Content Expert) | Phase 2 content only |
28
- | `/seo geo <url>` | Judge (GEO Analyst) | Phase 3 only |
29
- | `/seo schema <url>` | Judge (Schema Master) | Schema detection + validation |
30
- | `/seo images <url>` | Judge (Content Expert) | Image audit subset |
31
- | `/seo hreflang <url>` | Scout (Inspector) | Hreflang audit, ref: `ref/hreflang-rules.md` |
32
- | `/seo pagespeed <url>` | Scout + Chief | PageSpeed perfection loop |
33
- | `/seo plan <type>` | Chief (Strategist) | Strategic plan by industry |
34
- | `/seo fix` | Chief (Strategist) | Auto-generate fixes from last audit |
35
- | `/seo history` | Chief (Reporter) | Show score history |
36
- | `/seo compare` | Chief (Reporter) | Compare with previous audit |
37
- | `/seo competitor <url1> <url2>` | Scout + Judge + Chief | Benchmark two sites |
38
- | `/seo api <url>` | (script) | Run Google APIs (PSI + CrUX + Rich Results) |
39
-
40
- ## Full Audit Orchestration (`/seo full`)
41
-
42
- ### Phase 1 — Reconnaissance
43
- **Agent**: Scout (Crawler role)
44
- **Load**: `agent/seo-scout.md`
45
-
46
- 1. Run `scripts/seo_fetch.py <url> --json` to fetch homepage
47
- 2. Run `scripts/seo_crawl.py <url> --depth 2 --max 25 --json` to discover structure
48
- 3. Detect business type from content analysis:
49
- - **SaaS**: pricing page, features page, signup CTA
50
- - **E-commerce**: product pages, cart, categories
51
- - **Local business**: address, phone, map, opening hours
52
- - **Publisher**: articles, blog, news, RSS feed
53
- - **Agency**: services, portfolio, case studies
54
- 4. Check for `/robots.txt`, `/sitemap.xml`, `/llms.txt`
55
-
56
- **Checkpoint**: Report discovery summary, ask "Continue with full audit?"
57
-
58
- ### Phase 2 — Deep Scan (PARALLEL)
59
- **Agents**: Scout (Inspector) + Judge (Content Expert + Schema Master)
60
- **Load**: `agent/seo-scout.md` + `agent/seo-judge.md`
61
-
62
- Run Scout and Judge **simultaneously** on each discovered page:
63
-
64
- **Scout checks** (9 categories — see `agent/seo-scout.md`):
65
- - Crawlability, Indexability, Security, URL Structure, Mobile
66
- - Core Web Vitals, Structured Data detection, JS Rendering, IndexNow
67
-
68
- **Judge checks** (see `agent/seo-judge.md`):
69
- - E-E-A-T evaluation (ref: `ref/eeat-criteria.md`)
70
- - Content quality (ref: `ref/quality-gates.md`)
71
- - Schema validation (ref: `ref/schema-catalog.md`)
72
- - Image audit
73
- - Internal/external link analysis
74
-
75
- **Optional**: Run `scripts/seo_apis.py --all <url>` for live PageSpeed + CrUX data.
76
-
77
- Use `scripts/seo_parse.py <file> --url <url> --json` on fetched HTML.
78
- Use `scripts/seo_screenshot.py <url> --viewport mobile` for visual audit.
79
-
80
- ### Phase 3 — AI Readiness & GEO
81
- **Agent**: Judge (GEO Analyst role)
82
- **Reference**: `ref/geo-signals.md`
83
-
84
- - Check AI crawler access (GPTBot, ClaudeBot, PerplexityBot)
85
- - Verify llms.txt compliance
86
- - Score passage citability (134–167 word blocks)
87
- - Compute AI Readiness Score (0–100)
88
-
89
- ### Phase 4 — Scoring
90
- **Agent**: Chief (Scorer role)
91
- **Load**: `agent/seo-chief.md`
92
-
93
- Compute SEO Health Score (0–100):
94
-
95
- | Category | Weight |
96
- |----------|--------|
97
- | Technical SEO | 20% |
98
- | Content & E-E-A-T | 22% |
99
- | On-Page SEO | 18% |
100
- | Schema | 10% |
101
- | Performance (CWV) | 12% |
102
- | AI Readiness (GEO) | 12% |
103
- | Images | 6% |
104
-
105
- ### Phase 5 — Action Plan
106
- **Agent**: Chief (Strategist role)
107
-
108
- 1. Classify issues: 🔴 Critical → 🟠 High → 🟡 Medium → 🟢 Low
109
- 2. Identify quick wins (highest impact/effort ratio)
110
- 3. Generate 30/60/90-day roadmap
111
- 4. Auto-generate code fixes (meta tags, schema JSON-LD, robots.txt, llms.txt)
112
-
113
- **Checkpoint**: "Here's the plan. Apply fixes automatically?"
114
-
115
- ### Phase 5b — PageSpeed Perfection Loop
116
- **Agents**: Scout + Chief
117
- **Reference**: `pagespeed-playbook.md` + `checklist.md`
118
-
119
- Use `scripts/seo_apis.py --pagespeed <url>` for live scores.
120
- Loop: fix one issue → re-test → verify improvement → next issue.
121
- Target: 100% on all 4 categories (Performance, Accessibility, Best Practices, SEO).
122
-
123
- ### Phase 6 — Monitoring (optional)
124
- **Agent**: Scout (Crawler role)
125
-
126
- Save results to `.bmad-seo/history/<domain>-<date>.json`.
127
- On re-audit: compare with previous, show deltas.
128
-
129
- ---
130
-
131
- ## Python Toolkit
132
-
133
- | Script | Usage | Dependencies |
134
- |--------|-------|-------------|
135
- | `seo_fetch.py` | `python scripts/seo_fetch.py <url> [--ua googlebot] [--json]` | requests |
136
- | `seo_parse.py` | `python scripts/seo_parse.py <file> --url <url> --json` | beautifulsoup4, lxml |
137
- | `seo_crawl.py` | `python scripts/seo_crawl.py <url> --depth 2 --max 25 --json` | requests |
138
- | `seo_screenshot.py` | `python scripts/seo_screenshot.py <url> --viewport mobile` | playwright |
139
- | `seo_apis.py` | `python scripts/seo_apis.py --pagespeed <url>` | requests |
140
-
141
- **Install dependencies**: `pip install -r requirements.txt`
142
-
143
- **Environment**: Set `GOOGLE_API_KEY` for Google API access (free, no OAuth).
144
-
145
- ---
146
-
147
- ## Reference Files (lazy-load)
148
-
149
- Only load these when the relevant agent needs them:
150
- - `ref/cwv-thresholds.md` — Core Web Vitals 2026
151
- - `ref/schema-catalog.md` — Schema.org v29.4 types
152
- - `ref/eeat-criteria.md` — E-E-A-T scoring grid
153
- - `ref/geo-signals.md` — AI search signals
154
- - `ref/quality-gates.md` — Content thresholds
155
- - `ref/schema-templates.json` — 14 JSON-LD templates
156
-
157
- ---
158
-
159
- ## Industry-Specific Plans (`/seo plan <type>`)
160
-
161
- | Type | Focus |
162
- |------|-------|
163
- | `saas` | Pricing pages, feature comparison, trial CTAs, documentation SEO |
164
- | `ecommerce` | Product schema, category pages, faceted navigation, review markup |
165
- | `local` | LocalBusiness schema, Google Business Profile, location pages, NAP consistency |
166
- | `publisher` | Article schema, author E-E-A-T, news sitemap, pagination |
167
- | `agency` | Service schema, portfolio, case studies, city-specific landing pages |
168
-
169
- ---
170
-
171
- *BMAD+ SEO Engine v2.1 — By Laurent Rochetta*