magic-move-deck
Build Keynote-style Magic Move slide decks as one offline 1920×1080 HTML file: every slide is an architecture / flow diagram seen through a camera, and the elements two slides share morph and fly instead of cross-fading. Four visual styles (hand-drawn, minimal, dark neon, neo-brutalist): the agent first renders one sample slide in each style, the user picks one, then the whole deck is built in that style. Also exports 4K / 1080p video. Use for 做演示 / 做 slides / 做 PPT / Magic Move / 神奇移动 / 架构图演示 / 技术分享 deck / 动画 slides / animated architecture walkthrough. Not for bullet-point decks or a single static diagram.
- License
- MIT
- Compatibility
- Python 3 + Playwright Chromium (pip install playwright && playwright install chromium); ffmpeg for video. Rendering diagrams loads rough.js from jsDelivr; the built deck is fully offline.
Pinned to revision d520b2b7e864, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/magic-move-deck/SKILL.md
- skills/magic-move-deck/examples/rag-assistant/README.md
- skills/magic-move-deck/examples/rag-assistant/details/00_cover.html
- skills/magic-move-deck/examples/rag-assistant/details/01_ingestion.html
- skills/magic-move-deck/examples/rag-assistant/details/02_retrieval.html
- skills/magic-move-deck/examples/rag-assistant/details/03_generation.html
- skills/magic-move-deck/examples/rag-assistant/details/99_end.html
- skills/magic-move-deck/examples/rag-assistant/diagram-binding.md
- skills/magic-move-deck/examples/rag-assistant/overview.html
- skills/magic-move-deck/examples/rag-assistant/previews/00_cover.jpg
- skills/magic-move-deck/examples/rag-assistant/previews/01_ingestion.jpg
- skills/magic-move-deck/examples/rag-assistant/previews/02_retrieval.jpg
- skills/magic-move-deck/examples/rag-assistant/previews/03_generation.jpg
- skills/magic-move-deck/examples/rag-assistant/previews/99_end.jpg
- skills/magic-move-deck/examples/rag-assistant/previews/overview.jpg
- skills/magic-move-deck/examples/rag-assistant/previews/trans_d1_to_spot.jpg
- skills/magic-move-deck/examples/rag-assistant/previews/trans_overview_to_d1.jpg
- skills/magic-move-deck/references/bilingual-layout.md
- skills/magic-move-deck/references/cards.md
- skills/magic-move-deck/references/diagram-rules.md
- skills/magic-move-deck/references/magic-move-contract.md
- skills/magic-move-deck/references/styles.md
- skills/magic-move-deck/references/verification.md
- skills/magic-move-deck/scripts/build_deck.py
- skills/magic-move-deck/scripts/render_video.py
- skills/magic-move-deck/scripts/snapshot_deck.py
- skills/magic-move-deck/scripts/styles.py
- skills/magic-move-deck/styles/brutalist/STYLE.md
- skills/magic-move-deck/styles/brutalist/diagram.html
- skills/magic-move-deck/styles/brutalist/preview.png
- skills/magic-move-deck/styles/handdrawn/STYLE.md
- skills/magic-move-deck/styles/handdrawn/diagram.html
- skills/magic-move-deck/styles/handdrawn/preview.png
- skills/magic-move-deck/styles/minimal/STYLE.md
- skills/magic-move-deck/styles/minimal/diagram.html
- skills/magic-move-deck/styles/minimal/preview.png
- skills/magic-move-deck/styles/neon/STYLE.md
- skills/magic-move-deck/styles/neon/diagram.html
- skills/magic-move-deck/styles/neon/preview.png
- skills/magic-move-deck/templates/card-main.js
- skills/magic-move-deck/templates/detail-main.js
- skills/magic-move-deck/templates/diagram-binding.md
- skills/magic-move-deck/templates/keynote.html
Every link opens the file at its source, pinned to the revision this page describes.