| name | slide-overflow-fixer |
| description | Fix overflowing Amaroad MDX slide content while keeping everything inside the
safe zone. Use for clipped text, oversized media, dense layouts, and overlay
collisions without changing heading design or slide-frame constraints.
|
Slide Overflow Fixer
Fix slide overflow pragmatically without breaking the presentation design system.
Non-Negotiable Constraints
- Do not change heading design.
- Do not edit heading component implementation.
- Do not override
h1, h2, or h3 styles inline in MDX.
- Keep SlideFrame safe-zone paddings unchanged.
- Keep non-heading text at
1.8rem or larger.
- Do not use Tailwind utility classes inside slide MDX or
src/components/mdx.
Workflow
- Identify the target deck and slide files
- Confirm overflow and isolate the offending block
- Apply fixes in this order:
- Layout change
- Media scaling
- Non-heading typography or spacing adjustment
- Split content across slides
- Use
references/fix-patterns.md for concrete fix strategies
- Re-verify the slide after each edit
Useful Commands
ls decks/<deck-name>/*.mdx | sort -V
pnpm exec tsx .codex/skills/nanobanana-image/scripts/capture-slide.ts \
--deck <deck-name> \
--slide <0-indexed-slide> \
--output /tmp/<deck-name>-<slide>-after.png
Pass Criteria
- No clipping
- No safe-zone violations
- No collisions with overlays
- Heading design unchanged
- Body text remains readable