npm - bmad-plus - Versions diffs - 0.3.3 → 0.4.1 - Mend

bmad-plus 0.3.3 → 0.4.1

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 (62) hide show

package/oveanet-pack/seo-audit-360/pagespeed-playbook.md DELETED Viewed

@@ -1,320 +0,0 @@
-# 🎯 PageSpeed Perfection Playbook — Battle-Tested Guide
-> **Version 1.0.0** — Based on 6+ real-world iterations achieving 99-100% on oveanet.ch, montpellier.ai, and oveanet.fr
-> By Laurent ROCHETTA × AI
----
-## 📐 Architecture: The 4-Phase Protocol
-```
-Phase 1: DIAGNOSTIC → Extract scores, identify all failing audits
-Phase 2: PERFORMANCE → Self-host fonts → Inline CSS → Cache → CLS
-Phase 3: ACCESSIBILITY → WCAG AA contrast fixes (systematic)
-Phase 4: BEST PRACTICES & SEO → Console errors, security, meta tags
-```
-Each phase runs sequentially. **Backup before each phase.** Re-test after each phase.
----
-## ⚠️ Anti-Patterns — Things That BREAK Scores
-> [!CAUTION]
-> These are real mistakes made during optimization that caused score REGRESSIONS.
-### 🔴 NEVER: Async CSS Loading
-```html
-<!-- ❌ DISASTER — causes CLS 0.936 on mobile -->
-<link rel="stylesheet" href="styles.css" media="print" onload="this.media='all'"/>
-<noscript><link rel="stylesheet" href="styles.css"/></noscript>
-```
-**What happens:** The page renders with no styles, then FLASHES when CSS loads. PageSpeed measures this as a massive Cumulative Layout Shift (0.936 — nearly maximum). Performance dropped from 86 to 75.
-**Fix:** Either load CSS synchronously or inline it entirely.
-### 🔴 NEVER: External Font CDN Without Fallback
-```html
-<!-- ❌ Adds 300-800ms to LCP on mobile 4G -->
-<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700" rel="stylesheet"/>
-```
-**What happens:** DNS lookup + TLS handshake to `fonts.googleapis.com`, then another to `fonts.gstatic.com`. On 4G simulation, this adds 500ms+ to LCP.
-### 🔴 NEVER: Images Without Dimensions
-```html
-<!-- ❌ Causes CLS because browser doesn't know the space to reserve -->
-<img src="logo.svg" alt="Logo"/>
-```
-**Fix:** Always add `width` and `height`:
-```html
-<img src="logo.svg" alt="Logo" width="100" height="20"/>
-```
----
-## 🏆 Technique Catalog — Ordered by Impact
-### [P1] Self-Host Fonts (Biggest LCP Win)
-**Impact:** LCP -30-50% on mobile, eliminates 2 external requests
-**Step 1:** Download fonts from Google Fonts API or copy from existing projects:
-```
-fonts/
-├── space-grotesk-400-latin.woff2
-├── space-grotesk-600-latin.woff2
-└── space-grotesk-700-latin.woff2
-```
-**Step 2:** Update CSS `@font-face` declarations:
-```css
-/* ✅ Self-hosted — zero external requests */
-@font-face {
-  font-family: 'Space Grotesk';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('fonts/space-grotesk-400-latin.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Space Grotesk';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('fonts/space-grotesk-600-latin.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Space Grotesk';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('fonts/space-grotesk-700-latin.woff2') format('woff2');
-}
-```
-**Step 3:** Preload critical fonts in HTML `<head>`:
-```html
-<link rel="preload" href="fonts/space-grotesk-400-latin.woff2"
-      as="font" type="font/woff2" crossorigin fetchpriority="high"/>
-<link rel="preload" href="fonts/space-grotesk-600-latin.woff2"
-      as="font" type="font/woff2" crossorigin/>
-```
-**Step 4:** Remove ALL Google Fonts CDN references:
-```diff
--<link rel="preconnect" href="https://fonts.googleapis.com"/>
--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
--<link href="https://fonts.googleapis.com/css2?..." rel="stylesheet"/>
-+<!-- Fonts are self-hosted, no external CDN needed -->
-```
-### How to get woff2 files from Google Fonts:
-```bash
-# Method 1: Use google-webfonts-helper
-# https://gwfh.mranftl.com/fonts
-# Method 2: Direct download with curl (set woff2 user-agent)
-curl -H "User-Agent: Mozilla/5.0" \
-  "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap" \
-  | grep -oP 'url\(\K[^)]+' | while read url; do
-    wget "$url" -P fonts/
-  done
-```
----
-### [P2] Inline ALL CSS (Zero Render-Blocking)
-**Impact:** Eliminates render-blocking CSS request, reduces FCP by 100-300ms
-**For PHP sites** (like montpellier.ai):
-```php
-<!-- ✅ CSS inlined at build time — zero render-blocking -->
-<style><?php echo file_get_contents(__DIR__ . '/styles.css'); ?></style>
-```
-**For static HTML sites** (build script):
-PowerShell build script:
-```powershell
-# build-dist.ps1 — Inline CSS into HTML for production
-$css = Get-Content "styles.css" -Raw
-$html = Get-Content "index.html" -Raw
-$cssInline = "  <style>`n$css`n  </style>"
-# Replace the critical CSS + external link with full inline
-$pattern = '  <!-- Critical CSS.*?</style>\s*\r?\n.*?<link rel="stylesheet" href="styles.css"/>'
-$html = $html -replace $pattern, $cssInline
-$html | Set-Content "dist/index.html" -Encoding UTF8
-```
-Bash build script:
-```bash
-#!/bin/bash
-# build-dist.sh — Inline CSS into HTML for production
-CSS=$(cat styles.css)
-sed -e '/<!-- Critical CSS/,/<link rel="stylesheet"/c\  <style>'"$CSS"'</style>' \
-    index.html > dist/index.html
-```
-> [!IMPORTANT]
-> Keep source files separate (index.html + styles.css) for development.
-> Only the dist/ version gets the inlined CSS for production.
----
-### [P3] Cache Headers (.htaccess Template)
-**Impact:** Fixes "Use efficient cache policy" audit
-```apache
-# === PageSpeed Cache & Compression — Ready to Deploy ===
-<IfModule mod_expires.c>
-  ExpiresActive On
-  ExpiresDefault "access plus 1 month"
-  ExpiresByType text/html "access plus 1 hour"
-  ExpiresByType text/css "access plus 1 year"
-  ExpiresByType application/javascript "access plus 1 year"
-  ExpiresByType image/svg+xml "access plus 1 year"
-  ExpiresByType image/png "access plus 1 year"
-  ExpiresByType image/webp "access plus 1 year"
-  ExpiresByType font/woff2 "access plus 1 year"
-  ExpiresByType application/font-woff2 "access plus 1 year"
-</IfModule>
-<IfModule mod_headers.c>
-  <FilesMatch "\.(css|js|svg|png|webp|woff2|ico)$">
-    Header set Cache-Control "public, max-age=31536000, immutable"
-  </FilesMatch>
-  <FilesMatch "\.(html|php)$">
-    Header set Cache-Control "public, max-age=3600, must-revalidate"
-  </FilesMatch>
-  <FilesMatch "\.(txt|xml)$">
-    Header set Cache-Control "public, max-age=86400"
-  </FilesMatch>
-</IfModule>
-# Gzip Compression
-<IfModule mod_deflate.c>
-  AddOutputFilterByType DEFLATE text/html text/css application/javascript
-  AddOutputFilterByType DEFLATE text/javascript application/json text/xml
-  AddOutputFilterByType DEFLATE image/svg+xml text/plain
-</IfModule>
-```
----
-### [P4] CLS Prevention Checklist
-| Element | Required Fix |
-|---------|-------------|
-| `<img>` tags | Add `width` and `height` attributes |
-| CSS-loaded fonts | Use `font-display: swap` |
-| CSS loading | NEVER use `media="print" onload` trick |
-| Dynamic content | Reserve space with min-height |
-| Embeds/iframes | Set explicit dimensions |
----
-## 🎨 Accessibility — Contrast Ratio Reference
-### The Rule
-WCAG AA requires **4.5:1** contrast ratio for normal text, **3:1** for large text (18px+ or 14px+ bold).
-### Common Color Combos on Dark Backgrounds (#0B0C15)
-| Text Color | Hex | Ratio vs #0B0C15 | Pass? |
-|-----------|-----|:-----------------:|:-----:|
-| Pure white | `#ffffff` | 19.2:1 | ✅ |
-| Light gray | `#d4dde3` | 12.5:1 | ✅ |
-| Medium gray | `#a0b0b8` | 6.5:1 | ✅ |
-| Muted gray | `#b0bec5` | 8.0:1 | ✅ |
-| Dim gray | `#6b7b8a` | 3.7:1 | ❌ |
-| Very dim | `#4a5568` | 2.3:1 | ❌ |
-### Common Color Combos on Orange (#E8632B)
-| Text Color | Hex | Ratio vs #E8632B | Pass? |
-|-----------|-----|:-----------------:|:-----:|
-| White | `#ffffff` | 3.3:1 | ❌ FAIL |
-| Light cream | `#fff5e6` | 3.1:1 | ❌ FAIL |
-| Dark brown | `#1a0800` | 8.5:1 | ✅ |
-| Black | `#000000` | 4.0:1 | ✅ (large) |
-> [!WARNING]
-> **White text on orange buttons is a classic fail.** Ratio is only 3.3:1.
-> Use dark text (`#1a0800`) instead for buttons, badges, and active states with orange backgrounds.
-### Elements Commonly Flagged by PageSpeed
-1. **CTA buttons** (`.btn-primary`) — white on primary color
-2. **Active language buttons** (`.lang-btn.active`) — white on primary
-3. **Pricing badges** ("Most Popular") — white on primary
-4. **Footer text** — dim on very dark background
-5. **Form labels** — muted on dark
-6. **Badge text** (partner badges, sponsor badges) — muted on dark with transparency
----
-## 📊 Score Tracking Template
-```markdown
-| Iteration | Perf (M) | A11y (M) | Perf (D) | A11y (D) | BP  | SEO | Changes |
-|:---------:|:--------:|:--------:|:--------:|:--------:|:---:|:---:|---------|
-| Baseline  | ?        | ?        | ?        | ?        | ?   | ?   | Initial |
-| #1        |          |          |          |          |     |     |         |
-| #2        |          |          |          |          |     |     |         |
-```
----
-## 🔧 PageSpeed JavaScript Extraction Snippets
-Use these in the browser to extract structured data from PageSpeed results:
-### Extract All Scores
-```javascript
-JSON.stringify({
-  gauges: Array.from(document.querySelectorAll('.lh-gauge__percentage'))
-    .map(g => g.textContent.trim()),
-  labels: Array.from(document.querySelectorAll('.lh-gauge__label'))
-    .map(l => l.textContent.trim())
-});
-```
-### Extract Core Web Vitals
-```javascript
-JSON.stringify({
-  metrics: Array.from(document.querySelectorAll('.lh-metric'))
-    .map(m => ({
-      name: m.querySelector('.lh-metric__title')?.textContent?.trim(),
-      value: m.querySelector('.lh-metric__value')?.textContent?.trim()
-    }))
-});
-```
-### Extract Failing Audits
-```javascript
-JSON.stringify({
-  failed: Array.from(document.querySelectorAll('.lh-audit--fail .lh-audit__title'))
-    .map(a => a.textContent.trim().substring(0, 150)),
-  warnings: Array.from(document.querySelectorAll('.lh-audit--average .lh-audit__title'))
-    .map(a => a.textContent.trim().substring(0, 150))
-});
-```
----
-## 🏁 Exit Conditions
-The PageSpeed Perfection Loop STOPS when:
-- ✅ **ALL 4 scores = 100/100** → Perfection achieved
-- ⚠️ **After 8 iterations** → Report remaining issues with root cause analysis
-- 🟡 **Only server-side issues remain** (TTFB, CDN, HTTP/2) → Report as "requires server-side changes"
-- 🟡 **Only third-party script issues remain** (Cloudflare Turnstile, analytics) → Report as "not fixable client-side"
----
-*Built with ❤️ in Montpellier, France — by Laurent ROCHETTA × AI*

package/oveanet-pack/seo-audit-360/ref/audit-schema.json DELETED Viewed

@@ -1,187 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "title": "BMAD+ SEO Audit Result",
-  "description": "Standardized JSON format for SEO audit results. Compatible with dashboards, MCP Server, and external tools.",
-  "version": "1.0.0",
-  "author": "Laurent Rochetta",
-  "type": "object",
-  "required": ["engine", "version", "domain", "timestamp", "score", "issues"],
-  "properties": {
-    "engine": {
-      "type": "string",
-      "const": "bmad-seo-engine",
-      "description": "Engine identifier"
-    },
-    "version": {
-      "type": "string",
-      "description": "Engine version",
-      "examples": ["2.1.0"]
-    },
-    "domain": {
-      "type": "string",
-      "description": "Audited domain (without protocol)",
-      "examples": ["example.com"]
-    },
-    "url": {
-      "type": "string",
-      "format": "uri",
-      "description": "Full URL audited"
-    },
-    "timestamp": {
-      "type": "string",
-      "format": "date-time",
-      "description": "ISO 8601 timestamp of audit completion"
-    },
-    "business_type": {
-      "type": "string",
-      "enum": ["saas", "ecommerce", "local", "publisher", "agency", "other"],
-      "description": "Detected business type"
-    },
-    "pages_analyzed": {
-      "type": "integer",
-      "minimum": 1,
-      "description": "Number of pages analyzed"
-    },
-    "score": {
-      "type": "object",
-      "required": ["total", "categories"],
-      "properties": {
-        "total": {
-          "type": "integer",
-          "minimum": 0,
-          "maximum": 100,
-          "description": "Weighted SEO Health Score"
-        },
-        "rating": {
-          "type": "string",
-          "enum": ["excellent", "good", "needs_work", "poor", "critical"],
-          "description": "Score interpretation"
-        },
-        "categories": {
-          "type": "object",
-          "properties": {
-            "technical": { "type": "integer", "minimum": 0, "maximum": 100 },
-            "content_eeat": { "type": "integer", "minimum": 0, "maximum": 100 },
-            "on_page": { "type": "integer", "minimum": 0, "maximum": 100 },
-            "schema": { "type": "integer", "minimum": 0, "maximum": 100 },
-            "performance": { "type": "integer", "minimum": 0, "maximum": 100 },
-            "ai_readiness": { "type": "integer", "minimum": 0, "maximum": 100 },
-            "images": { "type": "integer", "minimum": 0, "maximum": 100 }
-          },
-          "description": "Score per category (0-100)"
-        }
-      }
-    },
-    "issues": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "required": ["id", "severity", "category", "title"],
-        "properties": {
-          "id": {
-            "type": "string",
-            "description": "Unique issue identifier",
-            "examples": ["missing-meta-description", "multiple-h1"]
-          },
-          "severity": {
-            "type": "string",
-            "enum": ["critical", "high", "medium", "low"]
-          },
-          "category": {
-            "type": "string",
-            "enum": ["technical", "content", "on_page", "schema", "performance", "geo", "images"]
-          },
-          "title": {
-            "type": "string",
-            "description": "Human-readable issue title"
-          },
-          "description": {
-            "type": "string",
-            "description": "Detailed explanation"
-          },
-          "affected_urls": {
-            "type": "array",
-            "items": { "type": "string", "format": "uri" },
-            "description": "Pages affected by this issue"
-          },
-          "fix": {
-            "type": "string",
-            "description": "Auto-generated fix code (HTML, JSON-LD, etc.)"
-          },
-          "quick_win": {
-            "type": "boolean",
-            "description": "True if high impact / low effort"
-          },
-          "impact": {
-            "type": "string",
-            "enum": ["high", "medium", "low"]
-          },
-          "effort": {
-            "type": "string",
-            "enum": ["high", "medium", "low"]
-          }
-        }
-      }
-    },
-    "pages": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "url": { "type": "string", "format": "uri" },
-          "status": { "type": "integer" },
-          "title": { "type": "string" },
-          "word_count": { "type": "integer" },
-          "schema_types": { "type": "array", "items": { "type": "string" } },
-          "eeat_score": { "type": "integer", "minimum": 0, "maximum": 100 }
-        }
-      },
-      "description": "Per-page analysis data"
-    },
-    "geo": {
-      "type": "object",
-      "properties": {
-        "ai_readiness_score": { "type": "integer", "minimum": 0, "maximum": 100 },
-        "ai_crawlers_allowed": { "type": "array", "items": { "type": "string" } },
-        "has_llms_txt": { "type": "boolean" },
-        "citability_score": { "type": "integer", "minimum": 0, "maximum": 100 }
-      },
-      "description": "GEO / AI search readiness metrics"
-    },
-    "pagespeed": {
-      "type": "object",
-      "properties": {
-        "mobile": {
-          "type": "object",
-          "properties": {
-            "performance": { "type": "integer" },
-            "accessibility": { "type": "integer" },
-            "best_practices": { "type": "integer" },
-            "seo": { "type": "integer" }
-          }
-        },
-        "desktop": {
-          "type": "object",
-          "properties": {
-            "performance": { "type": "integer" },
-            "accessibility": { "type": "integer" },
-            "best_practices": { "type": "integer" },
-            "seo": { "type": "integer" }
-          }
-        }
-      },
-      "description": "PageSpeed Insights scores"
-    },
-    "monitoring": {
-      "type": "object",
-      "properties": {
-        "previous_score": { "type": "integer" },
-        "previous_date": { "type": "string", "format": "date" },
-        "delta": { "type": "integer" },
-        "issues_resolved": { "type": "integer" },
-        "issues_new": { "type": "integer" }
-      },
-      "description": "Comparison with previous audit (if available)"
-    }
-  }
-}

package/oveanet-pack/seo-audit-360/ref/cwv-thresholds.md DELETED Viewed

@@ -1,87 +0,0 @@
-# Core Web Vitals — Thresholds & Optimization Guide (March 2026)
-> Author: Laurent Rochetta | BMAD+ SEO Engine v2.0
-## Current Metrics
-| Metric | Good | Needs Improvement | Poor |
-|--------|------|-------------------|------|
-| **LCP** (Largest Contentful Paint) | ≤2.5s | 2.5–4.0s | >4.0s |
-| **INP** (Interaction to Next Paint) | ≤200ms | 200–500ms | >500ms |
-| **CLS** (Cumulative Layout Shift) | ≤0.1 | 0.1–0.25 | >0.25 |
-> **INP replaced FID on March 12, 2024.** FID was fully removed from all Chrome tools on September 9, 2024. Never reference FID.
-## Key Facts
-- Evaluation uses the **75th percentile** of real user data (CrUX field data)
-- Assessment at **page level** AND **origin level**
-- CWV is a **tiebreaker** signal — matters most when content quality is similar
-- Thresholds **unchanged since original definitions**
-- December 2025 core update appeared to weight **mobile CWV more heavily**
-- As of October 2025: 57.1% desktop, 49.7% mobile sites pass all three CWV
-- **Mobile-first indexing 100% complete** since July 5, 2024
-## LCP Diagnostic Subparts (Feb 2025 CrUX)
-| Subpart | Description | Target |
-|---------|-------------|--------|
-| TTFB | Server response time | <800ms |
-| Resource Load Delay | TTFB to resource request | Minimize |
-| Resource Load Time | LCP resource download | Size-dependent |
-| Element Render Delay | Loaded to painted | Minimize |
-**Total LCP = TTFB + Load Delay + Load Time + Render Delay**
-## Common Bottlenecks
-### LCP
-- Unoptimized hero images → use WebP/AVIF, add `<link rel="preload">`
-- Render-blocking CSS/JS → defer, async, critical CSS inline
-- Slow TTFB (>200ms) → CDN, caching, edge compute
-- Third-party blocking → defer analytics, chat widgets
-- Font delay → `font-display: swap` + preload
-### INP
-- Long JS tasks on main thread → break tasks <50ms, use `scheduler.yield()`
-- Heavy event handlers → debounce, requestAnimationFrame
-- Excessive DOM (>1,500 elements)
-- Third-party scripts hijacking main thread
-- Layout thrashing (forced reflows)
-### CLS
-- Images/iframes without width/height dimensions
-- Dynamic content injected above existing content
-- Font swap causing layout shift → preload + font-display
-- Ads/embeds without reserved space
-## Measurement Sources
-### Field Data (used for ranking)
-- Chrome User Experience Report (CrUX)
-- PageSpeed Insights (uses CrUX)
-- Search Console Core Web Vitals report
-### Lab Data (for debugging)
-- Lighthouse 13.0 (Oct 2025, restructured audits)
-- WebPageTest
-- Chrome DevTools
-## Optimization Priority
-1. **LCP** — Most impactful for perceived performance
-2. **CLS** — Most common UX issue
-3. **INP** — Critical for interactive applications
-## API Tools
-```bash
-# PageSpeed Insights API
-curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=URL&key=API_KEY"
-# Lighthouse CLI
-npx lighthouse URL --output json --output-path report.json
-```
-## 2025–2026 Updates
-- **Lighthouse 13.0** (Oct 2025): reorganized performance categories
-- **CrUX Vis** replaced CrUX Dashboard (Nov 2025) → cruxvis.withgoogle.com
-- **LCP subparts** in CrUX (Feb 2025)
-- **Soft Navigations API** (Chrome 139+, July 2025): experimental SPA CWV measurement — no ranking impact yet