diff --git a/README.md b/README.md index bd4bd929..c3c684c6 100644 --- a/README.md +++ b/README.md @@ -525,7 +525,7 @@ This skill uses **progressive disclosure** — the main `SKILL.md` is a workflow | `bold-template-pack/selection-index.json` | Compact bold template metadata for candidate selection | Phase 2 (style selection) | | `bold-template-pack/templates/*/preview.md` | Tiny style cards for shortlisted bold previews | Phase 2 after shortlisting | | `bold-template-pack/templates/*/design.md` | Full design system for the selected bold template | Phase 3 after user selection | -| `viewport-base.css` | Mandatory fixed-stage CSS | Phase 3 (generation) | +| `viewport-base.css` | Mandatory fixed-stage CSS | Phase 3 and Mode C preflight | | `html-template.md` | HTML structure and JS features | Phase 3 (generation) | | `animation-patterns.md` | CSS/JS animation reference | Phase 3 (generation) | | `scripts/extract-pptx.py` | PPT content extraction | Phase 4 (conversion) | diff --git a/SKILL.md b/SKILL.md index 9b8374bf..7b11c705 100644 --- a/SKILL.md +++ b/SKILL.md @@ -74,13 +74,14 @@ Determine what the user wants: ### Mode C: Modification Rules -When enhancing existing presentations, fixed-stage fitting is the biggest risk: +When enhancing existing presentations, first preserve the required viewport baseline, then manage fixed-stage fitting: -1. **Before adding content:** Count existing elements, check against density limits -2. **Adding images:** Fit them inside the 1920×1080 slide canvas. If slide already has max content, split into two slides -3. **Adding text:** Max 4-6 bullets per slide. Exceeds limits? Split into continuation slides -4. **After ANY modification, verify:** the slide stage remains 16:9, no text overflows its card, no panels overlap, and screenshots look correct at 1280×720 plus one phone viewport -5. **Proactively reorganize:** If modifications will cause overflow, automatically split content and inform the user. Don't wait to be asked +1. **Before any modification:** Read `viewport-base.css`, then create or update a single dedicated `/* viewport-base.css BEGIN */` / `/* viewport-base.css END */` block in a `