@friedbotstudio/create-baseline 0.2.0 → 0.3.0

package/obj/template/.claude/skills/pagespeed-insights/SKILL.md

@@ -0,0 +1,446 @@
+---
+name: pagespeed-insights
+description: Audit web pages for performance optimization following PageSpeed Insights guidelines. Use when analyzing page performance, optimizing web applications, reviewing performance metrics, implementing Core Web Vitals improvements, or when the user mentions page speed, performance optimization, Lighthouse scores, or Core Web Vitals.
+---
+
+# PageSpeed Insights Auditor
+
+## Overview
+
+You are a **PageSpeed Insights Auditor** - an expert in web performance optimization who helps developers achieve excellent PageSpeed scores by identifying performance issues, avoiding bad practices, and implementing best practices based on Google's PageSpeed Insights guidelines.
+
+**Core Principle**: Guide developers to achieve scores of 90+ (Good) in Performance, Accessibility, Best Practices, and SEO categories, while ensuring Core Web Vitals metrics meet the "Good" thresholds.
+
+## Understanding PageSpeed Insights
+
+PageSpeed Insights (PSI) analyzes page performance on mobile and desktop devices, providing both **lab data** (simulated) and **field data** (real user experiences). PSI reports on user experience metrics and provides diagnostic suggestions to improve page performance.
+
+### Two Types of Data
+
+1. **Lab Data**: Collected in a controlled environment using Lighthouse. Useful for debugging but may not capture real-world bottlenecks.
+2. **Field Data**: Real user experience data from Chrome User Experience Report (CrUX). Useful for capturing actual user experiences but has a more limited set of metrics.
+
+## Performance Score Thresholds
+
+### Lab Scores (Lighthouse)
+
+| Score Range | Rating            | Icon            |
+| ----------- | ----------------- | --------------- |
+| 90-100      | Good              | 🟢 Green circle |
+| 50-89       | Needs Improvement | 🟡 Amber square |
+| 0-49        | Poor              | 🔴 Red triangle |
+
+**Target**: Always aim for scores of **90 or higher** in all categories.
+
+### Core Web Vitals Thresholds
+
+Core Web Vitals are the three most important metrics for web performance:
+
+| Metric                              | Good         | Needs Improvement  | Poor      |
+| ----------------------------------- | ------------ | ------------------ | --------- |
+| **FCP** (First Contentful Paint)    | [0, 1800 ms] | [1800 ms, 3000 ms] | > 3000 ms |
+| **LCP** (Largest Contentful Paint)  | [0, 2500 ms] | [2500 ms, 4000 ms] | > 4000 ms |
+| **CLS** (Cumulative Layout Shift)   | [0, 0.1]     | [0.1, 0.25]        | > 0.25    |
+| **INP** (Interaction to Next Paint) | [0, 200 ms]  | [200 ms, 500 ms]   | > 500 ms  |
+| **TTFB** (Time to First Byte)       | [0, 800 ms]  | [800 ms, 1800 ms]  | > 1800 ms |
+
+**Target**: Ensure the 75th percentile of all Core Web Vitals metrics are in the "Good" range.
+
+## Key Performance Metrics
+
+### Lab Metrics (Lighthouse)
+
+1. **First Contentful Paint (FCP)**: Time until first content is rendered
+2. **Largest Contentful Paint (LCP)**: Time until largest content element is rendered
+3. **Speed Index**: How quickly content is visually displayed
+4. **Cumulative Layout Shift (CLS)**: Visual stability measure
+5. **Total Blocking Time (TBT)**: Sum of blocking time between FCP and TTI
+6. **Time to Interactive (TTI)**: Time until page is fully interactive
+
+### Field Metrics (CrUX)
+
+- **FCP**: First Contentful Paint from real users
+- **LCP**: Largest Contentful Paint from real users
+- **CLS**: Cumulative Layout Shift from real users
+- **INP**: Interaction to Next Paint (replaces FID)
+- **TTFB**: Time to First Byte (experimental)
+
+## Common Performance Issues & Solutions
+
+### ❌ Bad Practice: Unoptimized Images
+
+**Problem**: Large images without compression, modern formats, or proper sizing.
+
+**Impact**: Poor LCP scores, slow page loads.
+
+**✅ Solutions**:
+
+- Use modern image formats (WebP, AVIF)
+- Implement responsive images with `srcset`
+- Compress images before uploading
+- Set explicit width/height to prevent CLS
+- Use lazy loading for below-the-fold images
+
+```html
+<!-- Bad -->
+<img src="large-image.jpg" alt="Description" />
+
+<!-- Good -->
+<img
+  src="image.webp"
+  srcset="image-small.webp 400w, image-medium.webp 800w, image-large.webp 1200w"
+  sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1200px"
+  width="1200"
+  height="800"
+  alt="Description"
+  loading="lazy"
+/>
+```
+
+### ❌ Bad Practice: Render-Blocking Resources
+
+**Problem**: CSS and JavaScript blocking initial render.
+
+**Impact**: Poor FCP and LCP scores.
+
+**✅ Solutions**:
+
+- Defer non-critical CSS
+- Inline critical CSS
+- Use `async` or `defer` for JavaScript
+- Remove unused CSS/JS
+- Split code and lazy load routes
+
+```html
+<!-- Bad -->
+<link rel="stylesheet" href="styles.css" />
+<script src="app.js"></script>
+
+<!-- Good -->
+<link
+  rel="stylesheet"
+  href="styles.css"
+  media="print"
+  onload="this.media='all'"
+/>
+<link rel="preload" href="critical.css" as="style" />
+<script src="app.js" defer></script>
+```
+
+### ❌ Bad Practice: Missing Resource Hints
+
+**Problem**: Not preconnecting to important origins or prefetching critical resources.
+
+**Impact**: Slow TTFB and LCP.
+
+**✅ Solutions**:
+
+- Use `rel="preconnect"` for third-party origins
+- Use `rel="dns-prefetch"` for DNS resolution
+- Use `rel="preload"` for critical resources
+- Use `rel="prefetch"` for likely next-page resources
+
+```html
+<!-- Good -->
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="dns-prefetch" href="https://api.example.com" />
+<link rel="preload" href="hero-image.webp" as="image" />
+```
+
+### ❌ Bad Practice: Layout Shift (CLS)
+
+**Problem**: Content shifting during page load.
+
+**Impact**: Poor CLS scores, bad user experience.
+
+**✅ Solutions**:
+
+- Set explicit dimensions for images and videos
+- Reserve space for ads and embeds
+- Avoid inserting content above existing content
+- Use CSS aspect-ratio for responsive containers
+- Prefer transform animations over layout-triggering properties
+
+```css
+/* Bad */
+.image-container {
+  width: 100%;
+  /* height not set - causes CLS */
+}
+
+/* Good */
+.image-container {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  /* or */
+  height: 0;
+  padding-bottom: 56.25%; /* 16:9 ratio */
+}
+```
+
+### ❌ Bad Practice: Large JavaScript Bundles
+
+**Problem**: Loading unnecessary JavaScript code.
+
+**Impact**: Poor TTI, high TBT.
+
+**✅ Solutions**:
+
+- Code splitting and lazy loading
+- Remove unused code (tree shaking)
+- Minimize and compress JavaScript
+- Use dynamic imports for routes
+- Avoid large third-party libraries when possible
+
+```javascript
+// Bad - loading everything upfront
+import { heavyLibrary } from "./heavy-library";
+
+// Good - lazy load when needed
+const loadHeavyLibrary = () => import("./heavy-library");
+```
+
+### ❌ Bad Practice: Inefficient Font Loading
+
+**Problem**: Fonts causing FOIT (Flash of Invisible Text) or FOUT (Flash of Unstyled Text).
+
+**Impact**: Poor FCP, layout shifts.
+
+**✅ Solutions**:
+
+- Use `font-display: swap` or `optional`
+- Preload critical fonts
+- Subset fonts to include only needed characters
+- Use system fonts when possible
+
+```css
+/* Good */
+@font-face {
+  font-family: "CustomFont";
+  src: url("font.woff2") format("woff2");
+  font-display: swap; /* or optional */
+}
+```
+
+### ❌ Bad Practice: No Caching Strategy
+
+**Problem**: Resources not cached, causing repeated downloads.
+
+**Impact**: Slow repeat visits, poor performance.
+
+**✅ Solutions**:
+
+- Set appropriate Cache-Control headers
+- Use service workers for offline caching
+- Implement HTTP/2 server push for critical resources
+- Use CDN for static assets
+
+```
+Cache-Control: public, max-age=31536000, immutable
+```
+
+### ❌ Bad Practice: Third-Party Scripts Blocking Render
+
+**Problem**: Analytics, ads, or widgets blocking page load.
+
+**Impact**: Poor TTI, high TBT.
+
+**✅ Solutions**:
+
+- Load third-party scripts asynchronously
+- Defer non-critical third-party code
+- Use `rel="noopener"` for external links
+- Consider self-hosting analytics when possible
+
+```html
+<!-- Good -->
+<script async src="https://www.google-analytics.com/analytics.js"></script>
+```
+
+## Accessibility Best Practices
+
+### ❌ Bad Practice: Missing Alt Text
+
+**Problem**: Images without descriptive alt attributes.
+
+**Impact**: Poor accessibility score.
+
+**✅ Solution**: Always provide meaningful alt text.
+
+```html
+<!-- Bad -->
+<img src="chart.png" />
+
+<!-- Good -->
+<img src="chart.png" alt="Sales increased 25% from Q1 to Q2" />
+```
+
+### ❌ Bad Practice: Poor Color Contrast
+
+**Problem**: Text not readable due to low contrast.
+
+**Impact**: Poor accessibility score.
+
+**✅ Solution**: Ensure contrast ratio of at least 4.5:1 for normal text, 3:1 for large text.
+
+### ❌ Bad Practice: Missing ARIA Labels
+
+**Problem**: Interactive elements without proper labels.
+
+**Impact**: Poor accessibility score.
+
+**✅ Solution**: Use ARIA labels for screen readers.
+
+```html
+<!-- Good -->
+<button aria-label="Close dialog">×</button>
+```
+
+## SEO Best Practices
+
+### ❌ Bad Practice: Missing Meta Tags
+
+**Problem**: No title, description, or viewport meta tags.
+
+**Impact**: Poor SEO score.
+
+**✅ Solution**: Include essential meta tags.
+
+```html
+<!-- Good -->
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="description" content="Page description" />
+<title>Page Title</title>
+```
+
+### ❌ Bad Practice: Non-Descriptive Links
+
+**Problem**: Links with generic text like "click here".
+
+**Impact**: Poor SEO score.
+
+**✅ Solution**: Use descriptive link text.
+
+```html
+<!-- Bad -->
+<a href="/about">Click here</a>
+
+<!-- Good -->
+<a href="/about">Learn more about our company</a>
+```
+
+## Best Practices Checklist
+
+### Performance
+
+- [ ] Images optimized (WebP/AVIF, compressed, responsive)
+- [ ] Critical CSS inlined
+- [ ] Non-critical CSS deferred
+- [ ] JavaScript code-split and lazy-loaded
+- [ ] Render-blocking resources minimized
+- [ ] Resource hints implemented (preconnect, preload, dns-prefetch)
+- [ ] Fonts optimized with font-display
+- [ ] Caching strategy implemented
+- [ ] Third-party scripts loaded asynchronously
+- [ ] Layout shifts prevented (explicit dimensions, aspect-ratio)
+
+### Core Web Vitals
+
+- [ ] LCP < 2.5 seconds (75th percentile)
+- [ ] FCP < 1.8 seconds (75th percentile)
+- [ ] CLS < 0.1 (75th percentile)
+- [ ] INP < 200ms (75th percentile)
+- [ ] TTFB < 800ms (75th percentile)
+
+### Accessibility
+
+- [ ] All images have alt text
+- [ ] Color contrast meets WCAG standards
+- [ ] ARIA labels on interactive elements
+- [ ] Semantic HTML used
+- [ ] Keyboard navigation supported
+
+### SEO
+
+- [ ] Meta tags present (title, description, viewport)
+- [ ] Descriptive link text
+- [ ] Proper heading hierarchy (h1-h6)
+- [ ] Structured data implemented
+- [ ] Mobile-friendly design
+
+## Audit Workflow
+
+When auditing a page for PageSpeed optimization:
+
+1. **Analyze Current State**
+
+   - Check current PageSpeed scores
+   - Identify Core Web Vitals metrics
+   - Review lab and field data differences
+
+2. **Identify Issues**
+
+   - List all performance problems
+   - Prioritize by impact (Core Web Vitals first)
+   - Categorize by type (images, JS, CSS, etc.)
+
+3. **Provide Solutions**
+
+   - Suggest specific optimizations
+   - Provide code examples
+   - Explain expected improvements
+
+4. **Verify Improvements**
+   - Re-test after changes
+   - Ensure scores reach 90+
+   - Confirm Core Web Vitals are "Good"
+
+## Common Mistakes to Avoid
+
+### ❌ Focusing Only on Lab Data
+
+**Problem**: Optimizing only for Lighthouse scores without considering real user data.
+
+**✅ Solution**: Balance both lab and field data. Field data shows real-world performance.
+
+### ❌ Over-Optimizing
+
+**Problem**: Implementing too many optimizations at once, making debugging difficult.
+
+**✅ Solution**: Make incremental changes and test after each optimization.
+
+### ❌ Ignoring Mobile Performance
+
+**Problem**: Optimizing only for desktop.
+
+**✅ Solution**: Mobile-first approach. Most users are on mobile devices.
+
+### ❌ Not Testing After Changes
+
+**Problem**: Assuming optimizations worked without verification.
+
+**✅ Solution**: Always re-run PageSpeed Insights after implementing changes.
+
+## Performance Optimization Priority
+
+1. **Critical Path**: Optimize resources needed for initial render
+2. **Core Web Vitals**: Focus on LCP, CLS, and INP first
+3. **Render-Blocking**: Eliminate blocking CSS and JS
+4. **Images**: Optimize largest contentful paint element
+5. **Third-Party**: Minimize impact of external scripts
+6. **Caching**: Implement proper caching strategies
+
+## Additional Resources
+
+- [reference.md](reference.md) — Official PageSpeed, Lighthouse, Core Web Vitals, optimization guides — indexable
+- **Official**: https://developers.google.com/speed/docs/insights/v5/about?hl=es-419
+- **PageSpeed Insights**: https://pagespeed.web.dev/
+- **Lighthouse**: Built into Chrome DevTools
+- **Web Vitals**: https://web.dev/vitals/
+
+## Specification Reference
+
+This skill is based on the official [PageSpeed Insights documentation](https://developers.google.com/speed/docs/insights/v5/about?hl=es-419) from Google Developers.
+
+All thresholds, metrics, and best practices in this skill follow the official PageSpeed Insights guidelines and Core Web Vitals specifications. For complete documentation, refer to the [official PageSpeed Insights documentation](https://developers.google.com/speed/docs/insights/v5/about?hl=es-419).

package/obj/template/.claude/skills/pagespeed-insights/reference.md

@@ -0,0 +1,50 @@
+# PageSpeed Insights — Reference & Official Documentation
+
+This file complements the pagespeed-insights skill with official documentation links for indexing.
+
+## Official documentation (indexable)
+
+- **PageSpeed Insights about**: https://developers.google.com/speed/docs/insights/v5/about?hl=es-419
+- **PageSpeed Insights (tool)**: https://pagespeed.web.dev/
+- **Lighthouse**: https://developer.chrome.com/docs/lighthouse/
+- **Core Web Vitals**: https://web.dev/vitals/
+- **Chrome User Experience Report (CrUX)**: https://developer.chrome.com/docs/crux/
+
+## Core Web Vitals (metrics)
+
+- **LCP (Largest Contentful Paint)**: https://web.dev/lcp/
+- **FCP (First Contentful Paint)**: https://web.dev/fcp/
+- **CLS (Cumulative Layout Shift)**: https://web.dev/cls/
+- **INP (Interaction to Next Paint)**: https://web.dev/inp/
+- **TTFB (Time to First Byte)**: https://web.dev/ttfb/
+
+## Lab vs field data
+
+- **Lab data**: Lighthouse, controlled environment, debugging
+- **Field data**: CrUX, real user metrics, 28-day aggregation
+- **Understanding metrics**: https://web.dev/metrics/
+
+## Performance optimization guides
+
+- **Optimize LCP**: https://web.dev/optimize-lcp/
+- **Optimize CLS**: https://web.dev/optimize-cls/
+- **Optimize INP**: https://web.dev/optimize-inp/
+- **Optimize FCP**: https://web.dev/optimize-fcp/
+- **Resource hints**: https://web.dev/preconnect-and-dns-prefetch/
+- **Image optimization**: https://web.dev/fast/#optimize-your-images
+
+## Tools
+
+- **PageSpeed Insights**: https://pagespeed.web.dev/
+- **Lighthouse (Chrome DevTools)**: Built-in, Audits tab
+- **Web Vitals extension**: Real-time monitoring
+- **Chromatic (Lighthouse CI)**: https://github.com/GoogleChrome/lighthouse-ci
+
+## Score thresholds (reminder)
+
+| Category | Good | Needs Improvement | Poor |
+|----------|------|-------------------|------|
+| Performance | 90-100 | 50-89 | 0-49 |
+| Accessibility | 90-100 | 50-89 | 0-49 |
+| Best Practices | 90-100 | 50-89 | 0-49 |
+| SEO | 90-100 | 50-89 | 0-49 |

package/obj/template/.claude/skills/tdd/SKILL.md

@@ -77,7 +77,8 @@ Create tasks via `TaskCreate`; wire `addBlockedBy` so the chain is sequential. U
 - **Task B — implement-tick**: subject `"Run /implement for <slug>"`; metadata `{phase: "implement-tick", slug}`; activeForm `"Running implement"`; `addBlockedBy [A]`.
 - **Task C — verify-tick**: subject `"Run inline verify for <slug>"`; metadata `{phase: "verify-tick", slug}`; activeForm `"Running verify (inlined)"`; `addBlockedBy [B]`. The harness, when this task becomes next-pending, inlines the four mechanical operations from `.claude/skills/verify/SKILL.md` rather than invoking that skill via the Skill tool (the verify skill is contract-only after the harness-auto-continuation refactor).
 - **Tasks D₁..D_N — design-ui-tick (post-verify design implementation step; only when design_calls_rows is non-empty AND the implement write_set intersects `tdd.ui_globs`)**: one task per row. Subject `"Run /design-ui for <row.slug>"`; metadata `{phase: "design-ui-tick", slug, row_index: i}`; activeForm `"Running design-ui row <i>"`; `addBlockedBy [C]` for D₁, then chained `addBlockedBy [D_{i-1}]`. The design-ui worker handles the design implementation per the spec's `## Design calls` rows. After every D_i completes, the harness inlines a second verify pass (re-stamps `last_test_result`) to confirm the design work did not break behavior tests.
-- **Task Z — tdd-finalize**: subject `"Finalize tdd for <slug>"`; metadata `{phase: "tdd-finalize", slug}`; activeForm `"Finalizing tdd"`; `addBlockedBy` the last D_i (or C if no design-ui). On execution, the harness appends `"tdd"` to `workflow.json → completed`, writes `harness_state: continue` with reason "tdd green; next: simplify", and proceeds.
+- **Task E — drift-check-tick (spec-to-implementation drift analysis; seeded for every spec-track workflow)**: subject `"Run drift-check for <slug>"`; metadata `{phase: "drift-check-tick", slug}`; activeForm `"Running drift-check (inlined)"`; `addBlockedBy [D_N]` if any design-ui-tick exists, else `[C]`. The harness inlines `python3 .claude/skills/tdd/drift_check.py --slug <slug>` against the approved spec and the branch diff. On exit 0 (zero unresolved): write the drift report path to the harness log; continue to Task Z. On exit 1 (≥ 1 unresolved): EXIT LOOP with YIELD (`reason: "drift analysis: <N> unresolved items"`); the user investigates and either fixes the impl gap or amends the spec + re-`/approve-spec`s. NO auto-loop. On `chore`-track workflows (no spec on disk), drift_check exits 0 with "no spec; skipped" and the harness proceeds to Z. On the workflow that initially introduces drift-check-tick, the harness instance in flight at that workflow predates the SKILL.md update and SHALL NOT seed Task E — the helper is unit-tested via the recipe scenarios and live runtime use begins in the next spec-track workflow.
+- **Task Z — tdd-finalize**: subject `"Finalize tdd for <slug>"`; metadata `{phase: "tdd-finalize", slug}`; activeForm `"Finalizing tdd"`; `addBlockedBy` Task E (if seeded), else the last D_i, else C. On execution, the harness appends `"tdd"` to `workflow.json → completed`, writes `harness_state: continue` with reason "tdd green; next: simplify", and proceeds.
 
 ## 7. Write harness_state and yield
 

package/obj/template/.claude/skills/tdd/drift_check.py

@@ -0,0 +1,180 @@
+#!/usr/bin/env python3
+"""Spec-to-implementation drift analysis (Phase 6 worker step).
+
+CLI:
+  python3 drift_check.py --slug <slug> [--project-root <path>] [--diff <path>]
+
+Reads `docs/specs/<slug>.md` from `--project-root`, scores every numbered AC
+in the ## Acceptance criteria table and every row of the ## Design calls
+table against the implementation diff (--diff override, else `git diff
+<merge-base>..HEAD` against the main branch). Writes a markdown report at
+`<project-root>/.claude/state/drift/<slug>.md` with a per-item verdict of
+`resolved | unresolved | unknown` plus evidence.
+
+Exit codes:
+  0  zero unresolved (`resolved` and `unknown` items are advisory)
+  1  >=1 unresolved
+  2  tool error (handled by argparse / unhandled exception)
+
+Special case: spec file missing at the named slug → print "no spec; skipped"
+to stdout, exit 0, no report file written (supports chore-track workflows).
+"""
+from __future__ import annotations
+import argparse
+import re
+import subprocess
+import sys
+from datetime import datetime, timezone
+from pathlib import Path
+
+# --- Foundation: regex + IO --------------------------------------------------
+
+AC_ROW_RE = re.compile(r'^\|\s*(AC-\d+)\s*\|', re.MULTILINE)
+DESIGN_CALLS_SECTION_RE = re.compile(
+    r'^##\s+Design calls\s*\n(.*?)(?=^##\s|\Z)',
+    re.MULTILINE | re.DOTALL,
+)
+DESIGN_ROW_RE = re.compile(r'^\|\s*([^|]+?)\s*\|', re.MULTILINE)
+NONE_BODY_RE = re.compile(r'^[\s\-]*\*?\(?none\)?\*?[\s\-]*$', re.IGNORECASE)
+
+
+def load_spec(project_root: Path, slug: str) -> str | None:
+    spec_path = project_root / 'docs' / 'specs' / f'{slug}.md'
+    if not spec_path.is_file():
+        return None
+    return spec_path.read_text(encoding='utf-8', errors='replace')
+
+
+def load_diff(project_root: Path, diff_path: Path | None) -> str:
+    if diff_path:
+        return diff_path.read_text(encoding='utf-8', errors='replace')
+    try:
+        merge_base = subprocess.check_output(
+            ['git', '-C', str(project_root), 'merge-base', 'HEAD', 'main'],
+            stderr=subprocess.DEVNULL, text=True,
+        ).strip()
+        return subprocess.check_output(
+            ['git', '-C', str(project_root), 'diff', f'{merge_base}..HEAD'],
+            stderr=subprocess.DEVNULL, text=True,
+        )
+    except Exception:
+        return ''
+
+
+def write_report(project_root: Path, slug: str, body: str) -> Path:
+    out_dir = project_root / '.claude' / 'state' / 'drift'
+    out_dir.mkdir(parents=True, exist_ok=True)
+    out_path = out_dir / f'{slug}.md'
+    out_path.write_text(body, encoding='utf-8')
+    return out_path
+
+
+def now_iso() -> str:
+    return datetime.now(tz=timezone.utc).isoformat(timespec='seconds').replace('+00:00', 'Z')
+
+
+def added_lines(diff_text: str) -> list[str]:
+    return [ln for ln in diff_text.splitlines()
+            if ln.startswith('+') and not ln.startswith('+++')]
+
+
+# --- Domain: parse + score ---------------------------------------------------
+
+def parse_acs(spec_text: str) -> list[str]:
+    return AC_ROW_RE.findall(spec_text)
+
+
+def parse_design_calls(spec_text: str) -> list[str]:
+    """Return the list of row-slugs in the spec's `## Design calls` table.
+    Empty list iff section absent or body is the *(none)* sentinel."""
+    m = DESIGN_CALLS_SECTION_RE.search(spec_text)
+    if not m:
+        return []
+    body = m.group(1).strip()
+    if NONE_BODY_RE.match(body) or '*(none)*' in body or '(none)' in body.lower():
+        return []
+    rows = []
+    for row_match in DESIGN_ROW_RE.finditer(body):
+        first_cell = row_match.group(1).strip()
+        if re.match(r'^[\s:|\-]+$', first_cell):
+            continue
+        if first_cell.lower() in ('slug', 'kind'):
+            continue
+        rows.append(first_cell)
+    return rows
+
+
+def score_against_diff(item_id: str, diff_added: list[str]) -> tuple[str, str]:
+    for ln in diff_added:
+        if item_id in ln:
+            snippet = ln.strip()
+            if len(snippet) > 120:
+                snippet = snippet[:117] + '...'
+            return ('resolved', f'found in diff: {snippet}')
+    return ('unresolved', 'no diff added-line references this item')
+
+
+def render_report(slug: str,
+                  acs: list[tuple[str, str, str]],
+                  design_rows: list[tuple[str, str, str]]) -> str:
+    lines = [
+        f'# Drift report — {slug}',
+        '',
+        f'Generated at: {now_iso()}',
+        '',
+        '## Acceptance criteria',
+        '',
+        '| kind | id | verdict | evidence |',
+        '|---|---|---|---|',
+    ]
+    for ac_id, verdict, evidence in acs:
+        lines.append(f'| ac | {ac_id} | {verdict} | {evidence} |')
+    lines.append('')
+    lines.append('## Design calls')
+    lines.append('')
+    if not design_rows:
+        lines.append('no design calls — skipped')
+    else:
+        lines.append('| kind | id | verdict | evidence |')
+        lines.append('|---|---|---|---|')
+        for row_slug, verdict, evidence in design_rows:
+            lines.append(f'| design-call | {row_slug} | {verdict} | {evidence} |')
+    lines.append('')
+    return '\n'.join(lines)
+
+
+# --- Orchestration -----------------------------------------------------------
+
+def main(argv) -> int:
+    parser = argparse.ArgumentParser(description='Spec-to-implementation drift analysis')
+    parser.add_argument('--slug', required=True)
+    parser.add_argument('--project-root', default='.')
+    parser.add_argument('--diff', default=None)
+    args = parser.parse_args(argv)
+
+    project_root = Path(args.project_root).resolve()
+    spec_text = load_spec(project_root, args.slug)
+    if spec_text is None:
+        print('no spec; skipped')
+        return 0
+
+    diff_path = Path(args.diff).resolve() if args.diff else None
+    diff_text = load_diff(project_root, diff_path)
+    diff_added = added_lines(diff_text)
+
+    ac_results = [(ac_id, *score_against_diff(ac_id, diff_added))
+                  for ac_id in parse_acs(spec_text)]
+
+    design_results = [(slug_, *score_against_diff(slug_, diff_added))
+                      for slug_ in parse_design_calls(spec_text)]
+
+    report = render_report(args.slug, ac_results, design_results)
+    write_report(project_root, args.slug, report)
+
+    unresolved = sum(1 for _, v, _ in ac_results if v == 'unresolved')
+    unresolved += sum(1 for _, v, _ in design_results if v == 'unresolved')
+    return 0 if unresolved == 0 else 1
+
+
+if __name__ == '__main__':
+    sys.exit(main(sys.argv[1:]))