constellai 0.3.0

package/skills/design/presentation-html-fidelity-audit-font-discipline-aa2caa/scripts/extract_pptx.py

@@ -0,0 +1,134 @@
+#!/usr/bin/env python3
+"""
+Extract every shape on every slide of a .pptx into a JSON dump.
+
+Usage:
+    python extract_pptx.py <path/to/deck.pptx>            # prints to stdout
+    python extract_pptx.py <path/to/deck.pptx> -o dump.json
+
+The dump captures the *actual* state of the export — text content, position,
+size, and per-run typography (font name, size, bold, italic, color). Use this
+as the ground truth for the fidelity audit; do not trust the export script's
+intent.
+
+Coordinates are reported in inches (rounded to 3 decimals) so they're
+human-readable when comparing against rails like CONTENT_MAX_Y = 6.70".
+"""
+from __future__ import annotations
+
+import argparse
+import json
+import sys
+from pathlib import Path
+
+try:
+    from pptx import Presentation
+    from pptx.util import Emu
+except ImportError:
+    sys.stderr.write(
+        "python-pptx is required. Install with: pip install python-pptx\n"
+    )
+    sys.exit(2)
+
+
+def emu_to_in(emu: int | None) -> float | None:
+    if emu is None:
+        return None
+    return round(emu / 914400, 3)
+
+
+def color_repr(color) -> str | None:
+    """Best-effort color extraction. Returns hex string or None."""
+    if color is None:
+        return None
+    try:
+        # ColorFormat.type may be None when no explicit color is set.
+        if color.type is None:
+            return None
+        rgb = color.rgb
+        if rgb is None:
+            return None
+        return f"#{str(rgb).lower()}"
+    except (AttributeError, ValueError, TypeError):
+        return None
+
+
+def extract_runs(text_frame) -> list[dict]:
+    runs = []
+    for para in text_frame.paragraphs:
+        for run in para.runs:
+            font = run.font
+            runs.append({
+                "text": run.text,
+                "font": font.name,
+                "size_pt": float(font.size.pt) if font.size is not None else None,
+                "bold": bool(font.bold) if font.bold is not None else None,
+                "italic": bool(font.italic) if font.italic is not None else None,
+                # Color is independent of font name/size: a run can inherit
+                # font from the theme yet set its own color. Color drift is
+                # one of the things this audit needs to catch, so don't gate
+                # the extraction on unrelated font attributes.
+                "color": color_repr(font.color),
+            })
+    return runs
+
+
+def extract_shape(shape) -> dict:
+    data = {
+        "name": shape.name,
+        "shape_type": str(shape.shape_type) if shape.shape_type is not None else None,
+        "left_in": emu_to_in(shape.left),
+        "top_in": emu_to_in(shape.top),
+        "width_in": emu_to_in(shape.width),
+        "height_in": emu_to_in(shape.height),
+    }
+    if shape.left is not None and shape.height is not None and shape.top is not None:
+        data["bottom_in"] = emu_to_in(shape.top + shape.height)
+        data["right_in"] = emu_to_in(shape.left + shape.width)
+    if shape.has_text_frame:
+        tf = shape.text_frame
+        data["text"] = tf.text
+        data["runs"] = extract_runs(tf)
+    return data
+
+
+def extract_pptx(path: Path) -> dict:
+    prs = Presentation(str(path))
+    canvas = {
+        "width_in": emu_to_in(prs.slide_width),
+        "height_in": emu_to_in(prs.slide_height),
+    }
+    slides = []
+    for i, slide in enumerate(prs.slides, 1):
+        shapes = [extract_shape(s) for s in slide.shapes]
+        slides.append({"index": i, "shapes": shapes})
+    return {
+        "source": str(path),
+        "canvas": canvas,
+        "slide_count": len(slides),
+        "slides": slides,
+    }
+
+
+def main() -> int:
+    ap = argparse.ArgumentParser(description=__doc__.split("\n\n")[0])
+    ap.add_argument("path", type=Path, help=".pptx file to extract")
+    ap.add_argument("-o", "--output", type=Path, help="write JSON to this path; default stdout")
+    args = ap.parse_args()
+
+    if not args.path.exists():
+        ap.error(f"file not found: {args.path}")
+
+    data = extract_pptx(args.path)
+    payload = json.dumps(data, ensure_ascii=False, indent=2)
+    if args.output:
+        args.output.write_text(payload, encoding="utf-8")
+        sys.stderr.write(f"wrote {args.output} ({len(payload)} bytes, {data['slide_count']} slides)\n")
+    else:
+        sys.stdout.write(payload)
+        sys.stdout.write("\n")
+    return 0
+
+
+if __name__ == "__main__":
+    raise SystemExit(main())

package/skills/design/presentation-html-fidelity-audit-font-discipline-aa2caa/scripts/verify_layout.py

@@ -0,0 +1,144 @@
+#!/usr/bin/env python3
+"""
+Verify a re-exported .pptx against footer-rail + canvas-bound invariants.
+
+Usage:
+    python verify_layout.py <path/to/deck.pptx>
+    python verify_layout.py <path/to/deck.pptx> --content-max-y 6.70 --canvas-h 7.5
+
+Exits 0 on no violations, 1 on any violation. Prints a single block of
+violations sorted by slide index, one per line:
+
+    slide 5  shape 'desc-row-B-1'  bottom 7.214" crosses footer rail 6.70"
+    slide 11 shape 'note-paragraph' bottom 7.342" exceeds canvas 7.50"
+
+Use this as the gate for "this re-export is shippable". Don't claim the audit
+is fixed without running this script — the human eye misses 1–2 mm overflow
+at zoom-out, the script doesn't.
+
+Footer / chrome shapes are exempt from the content rail. Two heuristics
+identify them, in this order:
+
+1. **By name** — any shape whose name contains "footer", "foot", "chrome",
+   "page", or "pagination" (case-insensitive). Use semantic names in your
+   export script if you can.
+2. **By position** — any shape whose `top` is at or below the footer-zone
+   threshold (default `--footer-zone-top 6.80`). This catches python-pptx's
+   auto-generated names like "TextBox 3" when the export script didn't name
+   them. The threshold sits ~0.10" above FOOTER_TOP so chrome rows pinned
+   exactly at FOOTER_TOP are still recognized.
+"""
+from __future__ import annotations
+
+import argparse
+import sys
+from pathlib import Path
+
+try:
+    from pptx import Presentation
+except ImportError:
+    sys.stderr.write(
+        "python-pptx is required. Install with: pip install python-pptx\n"
+    )
+    sys.exit(2)
+
+
+FOOTER_NAME_HINTS = ("footer", "foot", "chrome", "page", "pagination")
+EPS_IN = 0.005   # ignore sub-pixel overflows (~0.13mm)
+
+
+def is_footer_by_name(name: str) -> bool:
+    n = (name or "").lower()
+    return any(hint in n for hint in FOOTER_NAME_HINTS)
+
+
+def emu_to_in(emu: int | None) -> float:
+    return (emu or 0) / 914400
+
+
+def verify(path: Path, content_max_y: float, canvas_w: float, canvas_h: float,
+           footer_zone_top: float) -> list[str]:
+    prs = Presentation(str(path))
+    violations: list[str] = []
+
+    actual_w = emu_to_in(prs.slide_width)
+    actual_h = emu_to_in(prs.slide_height)
+    if abs(actual_w - canvas_w) > EPS_IN or abs(actual_h - canvas_h) > EPS_IN:
+        violations.append(
+            f"canvas mismatch: file is {actual_w:.3f}\" x {actual_h:.3f}\", "
+            f"expected {canvas_w}\" x {canvas_h}\""
+        )
+
+    for i, slide in enumerate(prs.slides, 1):
+        for shape in slide.shapes:
+            if shape.top is None or shape.height is None:
+                continue
+            top = emu_to_in(shape.top)
+            left = emu_to_in(shape.left)
+            bottom = top + emu_to_in(shape.height)
+            right = left + emu_to_in(shape.width)
+            name = shape.name or "<unnamed>"
+
+            # Off-canvas (hard fail for any shape).
+            if bottom > canvas_h + EPS_IN:
+                violations.append(
+                    f"slide {i:<2} shape '{name}' bottom {bottom:.3f}\" "
+                    f"exceeds canvas {canvas_h}\""
+                )
+            if right > canvas_w + EPS_IN:
+                violations.append(
+                    f"slide {i:<2} shape '{name}' right {right:.3f}\" "
+                    f"exceeds canvas width {canvas_w}\""
+                )
+            if top < -EPS_IN:
+                violations.append(
+                    f"slide {i:<2} shape '{name}' top {top:.3f}\" is negative"
+                )
+            if left < -EPS_IN:
+                violations.append(
+                    f"slide {i:<2} shape '{name}' left {left:.3f}\" is negative"
+                )
+
+            # Footer rail (only enforced on content shapes).
+            # Shape is exempt if (a) named like a footer, or
+            # (b) pinned at-or-below the footer zone threshold.
+            if is_footer_by_name(name) or top >= footer_zone_top - EPS_IN:
+                continue
+            if bottom > content_max_y + EPS_IN:
+                violations.append(
+                    f"slide {i:<2} shape '{name}' bottom {bottom:.3f}\" "
+                    f"crosses footer rail {content_max_y}\""
+                )
+
+    return violations
+
+
+def main() -> int:
+    ap = argparse.ArgumentParser(description=__doc__.split("\n\n")[0])
+    ap.add_argument("path", type=Path, help=".pptx file to verify")
+    ap.add_argument("--content-max-y", type=float, default=6.70,
+                    help="content rail in inches; nothing in content area may cross (default 6.70)")
+    ap.add_argument("--canvas-w", type=float, default=13.333,
+                    help="expected canvas width in inches (default 13.333 = 16:9)")
+    ap.add_argument("--canvas-h", type=float, default=7.5,
+                    help="expected canvas height in inches (default 7.5 = 16:9)")
+    ap.add_argument("--footer-zone-top", type=float, default=6.80,
+                    help="any shape with top >= this is treated as footer/chrome "
+                         "(default 6.80; sits 0.10\" above the typical FOOTER_TOP=6.85\")")
+    args = ap.parse_args()
+
+    if not args.path.exists():
+        ap.error(f"file not found: {args.path}")
+
+    violations = verify(args.path, args.content_max_y, args.canvas_w, args.canvas_h,
+                        args.footer_zone_top)
+    if violations:
+        sys.stderr.write("\n".join(violations) + "\n")
+        sys.stderr.write(f"\n{len(violations)} violation(s) found in {args.path}\n")
+        return 1
+    sys.stderr.write(f"OK: 0 violations across all slides in {args.path}\n")
+    return 0
+
+
+if __name__ == "__main__":
+    raise SystemExit(main())

package/skills/design/presentation-html-fidelity-audit-layout-discipline-d5a323/SKILL.md

@@ -0,0 +1,390 @@
+---
+name: presentation-html-fidelity-audit-layout-discipline-d5a323
+description: |
+  Use this skill when Codex needs procedural guidance derived from pptx-html-fidelity-audit/references/layout-discipline.md. Recast from the original pptx-html-fidelity-audit/references/layout-discipline.md material as the presentation-html-fidelity-audit-layout-discipline-d5a323 procedure.
+---
+
+# Presentation Html Fidelity Audit Layout Discipline D5a323
+
+## Role
+
+Use this skill when Codex needs procedural guidance derived from pptx-html-fidelity-audit/references/layout-discipline.md. Recast from the original pptx-html-fidelity-audit/references/layout-discipline.md material as the presentation-html-fidelity-audit-layout-discipline-d5a323 procedure.
+
+## Source Trace
+
+- Original Markdown: `pptx-html-fidelity-audit/references/layout-discipline.md`
+- Reformulated skill name: `presentation-html-fidelity-audit-layout-discipline-d5a323`
+
+## Operating Guidance
+
+Follow the rewritten material below as the working procedure. Keep code blocks, commands, file paths, URLs, dimensions, and API names exact when applying the skill.
+
+The full rule set referenced from `SKILL.md` Step 4. Read this when the deck has slide types beyond simple title-+-body or when you're building the re-export script from scratch.
+
+> **Procedure this file.** Skim §1-3 once to internalize the rules
+> (constants, `Cursor`, hero budget centering). Then jump to the slide-type
+> snippet that matches what you're building — pipeline, two-column,
+> observation grid, etc. — and adapt. The file is meant to be navigated,
+> not read end-to-end.
+
+## Constants — define once at the top of the export script
+
+```python
+from pptx.util import Inches, Pt, Emu
+from pptx.dml.color import RGBColor
+
+# Canvas (16:9). Override only if the deck explicitly targets 4:3 or 1:1.
+CANVAS_W       = Inches(13.333)
+CANVAS_H       = Inches(7.5)
+
+# Margins
+MARGIN_X       = Inches(0.6)            # left / right symmetric
+MARGIN_TOP     = Inches(0.5)            # below the chrome row
+CONTENT_LEFT   = MARGIN_X
+CONTENT_RIGHT  = CANVAS_W - MARGIN_X
+CONTENT_W      = CONTENT_RIGHT - CONTENT_LEFT
+
+# Vertical rails — the load-bearing pair
+CHROME_TOP     = Inches(0.32)           # top metadata row
+CHROME_H       = Inches(0.20)
+CONTENT_TOP    = MARGIN_TOP             # cursor starts here on content slides
+CONTENT_MAX_Y  = Inches(6.70)           # NOTHING in content area may cross
+FOOTER_TOP     = Inches(6.85)           # foot row pinned here
+FOOTER_H       = Inches(0.22)
+
+# Theme colors — derive from the HTML :root block, do not invent
+COLOR_INK      = RGBColor(0x0a, 0x1f, 0x3d)   # dark theme background / light text color
+COLOR_PAPER    = RGBColor(0xf1, 0xf3, 0xf5)   # light theme background / dark text color
+COLOR_INK_60   = RGBColor(0x68, 0x77, 0x8e)   # 60 % opacity ink (precomputed)
+COLOR_PAPER_60 = RGBColor(0x9b, 0xa0, 0xa6)   # 60 % opacity paper
+
+# Typography stacks. EN italic uses serif-en; CJK never italicizes.
+FONT_SERIF_EN  = "Playfair Display"
+FONT_SERIF_FB  = "Source Serif 4"
+FONT_SERIF_ZH  = "Noto Serif TC"
+FONT_SANS_ZH   = "Noto Sans TC"
+FONT_MONO      = "IBM Plex Mono"
+```
+
+## The Cursor primitive
+
+Used on all non-hero slides. The cursor advances down the slide and refuses to cross `CONTENT_MAX_Y`.
+
+```python
+class Cursor:
+    def __init__(self, y_start=CONTENT_TOP, cap=CONTENT_MAX_Y):
+        self.y = y_start
+        self.cap = cap
+        self.history = []   # list of (top, height, label) for debugging
+
+    def take(self, h, gap=Inches(0.12), label=""):
+        top = self.y
+        self.y = top + h + gap
+        self.history.append((top, h, label))
+        if self.y > self.cap:
+            raise OverflowError(
+                f"Cursor exceeded rail at '{label}': "
+                f"y={self.y} cap={self.cap}; "
+                f"history={self.history}"
+            )
+        return top
+
+    def remaining(self):
+        return self.cap - self.y
+```
+
+Usage:
+
+```python
+c = Cursor()
+add_kicker(slide, top=c.take(Inches(0.18), label="kicker"))
+add_h_xl(slide,   top=c.take(Inches(1.0),  label="h-xl"))
+add_lead(slide,   top=c.take(Inches(0.8),  label="lead"))
+add_pipeline(slide, top=c.take(Inches(2.6), label="pipeline"))
+```
+
+> **Per-script `gap` tuning.** The default `Inches(0.12)` matches 14pt
+> Latin body copy. Decks that include CJK, Devanagari, Thai, or
+> Khmer need more breathing room — line clusters and stacked tone
+> marks bump the rendered line height. Pass an explicit `gap=` per
+> block, or override the `Cursor` default at the top of your export.
+> The full per-script table is in
+> [`font-discipline.md` § Line height per script](font-discipline.md).
+>
+> **Detecting the highest-demand script in a mixed deck.** A deck
+> can mix `en` slides with `th` slides — locale alone isn't the
+> signal. Scan each slide's text against the Unicode ranges in
+> `font-discipline.md` Layer 5's `NO_ITALIC_RANGES` (extend with the
+> Vietnamese Extended block U+1E00–U+1EFF for ếẫỗ), record the
+> per-slide max-gap, and instantiate the slide's `Cursor` with that
+> value. For a uniform deck-wide setting, take the max across all
+> slides.
+
+If a slide raises `OverflowError`, fix one of three things:
+
+1. **Reduce block height** — the box was generously sized; tighten to actual text height.
+2. **Reduce gap** — the inter-block gap is excessive; trim from `0.18"` to `0.10"`.
+3. **Split the slide** — the content genuinely doesn't fit; this is a design problem, not a layout problem.
+
+Avoid "solve" it by raising `CONTENT_MAX_Y`. The rail exists for a reason — content that crosses it will overlap the footer at full-screen presentation.
+
+## Hero slides — budget centering, not cursor flow
+
+Hero slides (cover, chapter intros, big-quote pages) are vertically centered. The cursor model would put them at the top with empty space below — visually wrong.
+
+```python
+def hero_layout(blocks):
+    """
+    blocks: list of (height, gap_after) tuples in top-to-bottom reading order.
+    Returns a Cursor whose y_start is computed so the stack is centered.
+    """
+    total_h = sum(h + g for h, g in blocks)
+    y_start = (CANVAS_H - total_h) / 2
+    # Pin cap to bottom of available area so we still catch overflow.
+    return Cursor(y_start=y_start, cap=CANVAS_H - FOOTER_H - Inches(0.2))
+```
+
+Hero usage:
+
+```python
+# Plan the stack first.
+HERO_BLOCKS = [
+    (Inches(0.18), Inches(0.30)),   # kicker
+    (Inches(1.50), Inches(0.20)),   # h-hero
+    (Inches(0.45), Inches(0.40)),   # h-sub
+    (Inches(0.70), Inches(0.30)),   # lead
+    (Inches(0.20), Inches(0.00)),   # meta-row
+]
+c = hero_layout(HERO_BLOCKS)
+for (h, g), block_fn in zip(HERO_BLOCKS, [k_kicker, k_hero, k_sub, k_lead, k_meta]):
+    block_fn(slide, top=c.take(h, gap=g))
+```
+
+The pattern reads as: "list each block's actual height, then center the entire stack". One source of truth, no manual `MARGIN_TOP`.
+
+## Footer is consistently pinned, never advanced
+
+Avoid route the footer through the cursor — it has its own rail.
+
+```python
+def add_footer(slide, left_text, right_text, theme="dark"):
+    color = COLOR_PAPER_60 if theme == "dark" else COLOR_INK_60
+    add_text(slide,
+        left=CONTENT_LEFT, top=FOOTER_TOP,
+        width=CONTENT_W / 2, height=FOOTER_H,
+        text=left_text, font=FONT_MONO, size_pt=9,
+        color=color, align="left", letter_spacing=2.0)
+    add_text(slide,
+        left=CANVAS_W / 2, top=FOOTER_TOP,
+        width=CONTENT_W / 2, height=FOOTER_H,
+        text=right_text, font=FONT_MONO, size_pt=9,
+        color=color, align="right", letter_spacing=2.0)
+```
+
+`add_chrome` is the same idea pinned at `CHROME_TOP`. Both rails sit *outside* the content area, so they never collide with the cursor.
+
+## Box height ≠ text height — but tight is better than loose
+
+PowerPoint draws shape bounds visibly when:
+
+- Two shapes overlap (selection halos in editor, faint anti-alias seam in presentation mode).
+- A shape with a fill or border crosses the rail.
+- Z-order conflicts cause one shape to clip another.
+
+So even when the *text* fits within the content area, an oversized *box* can intrude. Tighten box height to:
+
+```
+box_h = (n_lines * line_height_pt + 2 * pad_pt) / 72
+```
+
+where `pad_pt` is 2–4 pt (≈ 0.03–0.05"). For multi-line text frames, set `text_frame.word_wrap = True` and avoid pad vertically — let the text frame's intrinsic metrics size itself.
+
+For headline blocks with a known line count, you can also set:
+
+```python
+tf = shape.text_frame
+tf.auto_size = MSO_AUTO_SIZE.SHAPE_TO_FIT_TEXT
+```
+
+Then read `shape.height` *after* adding text to find the actual height for the cursor.
+
+## Italic preservation — only EN serif, never CJK
+
+The single most common silent regression. HTML `<em>`, `<i>`, and inline `font-style: italic` prefer to all map to `run.font.italic = True`. But:
+
+- **EN/Latin display copy** (Playfair Display, Origin Serif) has a real italic. Use it.
+- **CJK display copy** (Noto Serif TC, Origin Han Serif) has no italic. Synthesizing produces a slanted bitmap that looks broken. Skip italic for CJK runs even if the HTML had `<em>` around the CJK text.
+- **EN body copy** can use sans italic if the body family supports it; if not, swap to serif italic for the duration of the execute.
+
+```python
+def add_run(p, text, *, font, size_pt, italic=False, bold=False, color=None):
+    r = p.add_run()
+    r.text = text
+    # If italic is requested, force an EN serif that supports it.
+    if italic:
+        r.font.name = FONT_SERIF_EN if not _is_cjk(text) else font
+        r.font.italic = not _is_cjk(text)
+    else:
+        r.font.name = font
+        r.font.italic = False
+    r.font.size = Pt(size_pt)
+    r.font.bold = bool(bold)
+    if color is not None:
+        r.font.color.rgb = color
+    return r
+
+def _is_cjk(s):
+    return any('\u4e00' <= c <= '\u9fff' or '\u3040' <= c <= '\u30ff' for c in s)
+```
+
+When walking HTML, detect italic spans:
+
+```python
+from html.parser import HTMLParser
+
+class ItalicSpans(HTMLParser):
+    def __init__(self):
+        super().__init__()
+        self.italic_depth = 0
+        self.runs = []   # list of (text, italic_bool)
+        self._buf = []
+        self._italic = False
+
+    def handle_starttag(self, tag, attrs):
+        if tag in ("em", "i"):
+            self._flush()
+            self.italic_depth += 1
+            self._italic = True
+        elif tag == "span":
+            style = dict(attrs).get("style", "")
+            if "italic" in style:
+                self._flush()
+                self.italic_depth += 1
+                self._italic = True
+
+    def handle_endtag(self, tag):
+        if tag in ("em", "i", "span") and self.italic_depth > 0:
+            self._flush()
+            self.italic_depth -= 1
+            self._italic = self.italic_depth > 0
+
+    def handle_data(self, data):
+        self._buf.append(data)
+
+    def _flush(self):
+        if self._buf:
+            self.runs.append(("".join(self._buf), self._italic))
+            self._buf = []
+```
+
+## Slide-type recipes
+
+### 1 Cover / hero with vertical center
+
+```python
+def slide_cover(prs, *, title, subtitle, lead, meta, chrome_l, chrome_r):
+    slide = prs.slides.add_slide(blank_layout)
+    paint_bg(slide, COLOR_INK)
+    add_chrome(slide, chrome_l, chrome_r, theme="dark")
+
+    blocks = [
+        (Inches(0.18), Inches(0.32)),   # kicker
+        (Inches(1.50), Inches(0.18)),   # h-hero
+        (Inches(0.45), Inches(0.36)),   # h-sub
+        (Inches(0.70), Inches(0.30)),   # lead
+        (Inches(0.20), Inches(0.00)),   # meta
+    ]
+    c = hero_layout(blocks)
+    add_kicker(slide, top=c.take(*blocks[0]), text="SOP · Coach Edition")
+    add_h_hero(slide, top=c.take(*blocks[1]), text=title)
+    add_h_sub(slide,  top=c.take(*blocks[2]), text=subtitle)
+    add_lead(slide,   top=c.take(*blocks[3]), text=lead)
+    add_meta_row(slide, top=c.take(*blocks[4]), items=meta)
+
+    add_footer(slide, "主責教練 SOP", "— 2026 —", theme="dark")
+```
+
+### 2 Content with pipeline (4–5 step horizontal flow)
+
+```python
+def slide_pipeline(prs, *, kicker, headline, intro, label, steps):
+    slide = prs.slides.add_slide(blank_layout)
+    paint_bg(slide, COLOR_PAPER)
+    add_chrome(slide, "On-Day · Coach Actions", "08 / 14", theme="light")
+
+    c = Cursor()
+    add_kicker(slide, top=c.take(Inches(0.18), label="kicker"), text=kicker)
+    add_h_xl(slide,   top=c.take(Inches(0.95), label="h-xl"), text=headline)
+    add_lead(slide,   top=c.take(Inches(0.65), label="lead"), text=intro)
+    add_pipeline(slide,
+        top=c.take(Inches(2.30), label="pipeline"),
+        section_label=label,
+        steps=steps,
+        n_cols=len(steps))
+
+    add_footer(slide, "Page 08 · 教練當天行動", "Witness, don't intervene", theme="light")
+```
+
+`add_pipeline` internally lays out N step cards across `CONTENT_W` with `step_h` derived from the longest step's text height. Avoid fix `step_h` to a constant — let it grow to fit, and let the cursor's overflow guard catch problems.
+
+### 3 Two-column comparison / concern cards
+
+```python
+def slide_two_col(prs, *, kicker, headline, intro, left, right):
+    slide = prs.slides.add_slide(blank_layout)
+    paint_bg(slide, COLOR_INK)
+    add_chrome(slide, "First-Time Caveats · 首辦提醒", "05 / 14", theme="dark")
+
+    c = Cursor()
+    add_kicker(slide,  top=c.take(Inches(0.18)), text=kicker)
+    add_h_xl(slide,    top=c.take(Inches(0.95)), text=headline)
+    add_lead(slide,    top=c.take(Inches(0.55)), text=intro)
+    pair_top = c.take(Inches(3.00), label="pair")
+    col_w = (CONTENT_W - Inches(0.4)) / 2
+    add_concern_card(slide, left=CONTENT_LEFT,            top=pair_top, w=col_w, h=Inches(2.9), data=left)
+    add_concern_card(slide, left=CONTENT_LEFT + col_w + Inches(0.4), top=pair_top, w=col_w, h=Inches(2.9), data=right)
+
+    add_footer(slide, "Page 05 · 首次辦理特別提醒", "典禮 ≠ 領導日", theme="dark")
+```
+
+Notice the pattern: `c.take(Inches(3.00), label="pair")` reserves 3.0" of vertical space for *the whole pair row*; then the two columns are placed side-by-side at that `top`. The cursor doesn't know about columns, only about row heights.
+
+### 4 Observation grid (3 × 2 cards)
+
+```python
+def slide_obs_grid(prs, *, kicker, headline, intro, cards):
+    assert len(cards) == 6
+    slide = prs.slides.add_slide(blank_layout)
+    paint_bg(slide, COLOR_PAPER)
+    add_chrome(slide, "Observation · 觀察筆記", "09 / 14", theme="light")
+
+    c = Cursor()
+    add_kicker(slide, top=c.take(Inches(0.18)), text=kicker)
+    add_h_xl(slide,   top=c.take(Inches(0.95)), text=headline)
+    add_lead(slide,   top=c.take(Inches(0.55)), text=intro)
+    grid_top = c.take(Inches(2.40), label="3x2 grid")
+
+    col_w = (CONTENT_W - Inches(0.6)) / 3
+    row_h = Inches(1.10)
+    for i, card in enumerate(cards):
+        col = i % 3
+        row = i // 3
+        x = CONTENT_LEFT + col * (col_w + Inches(0.3))
+        y = grid_top + row * (row_h + Inches(0.20))
+        add_obs_card(slide, left=x, top=y, w=col_w, h=row_h, data=card)
+
+    add_footer(slide, "Page 09 · 觀察筆記六項指標", "記錄用 · 不當場評分", theme="light")
+```
+
+## Common pitfalls and how the discipline catches them
+
+| Pitfall | How the discipline catches it |
+|---|---|
+| Hero slide stuck to top | `hero_layout(blocks)` budgets total height and centers automatically |
+| Last content block crosses footer | `Cursor.take()` raises `OverflowError` before render |
+| Box bounds intrude on rail | tighten `box_h` to text height + 0.05" pad; verifier flags violations |
+| Italic gone flat | `add_run(..., italic=True)` swaps to EN serif; CJK skipped |
+| Footer text overlaps content | footer pinned at `FOOTER_TOP`, never routed through cursor |
+| Chrome row drifts down on long titles | chrome pinned at `CHROME_TOP`, never advanced |
+| Off-canvas content | `verify_layout.py` asserts `top + height ≤ CANVAS_H` |
+| Mixed font fallback | always pass `font=FONT_*` constant; never let python-pptx pick |