The page this skill built from examples/mintmark-seed, working in your browser. Opens in a new tab. Also: Atrium launch.

12 slides built by this skill from examples/mintmark-seed and examples/atrium-launch

Example settingswhat each example above was built from

examples/mintmark-seeddeck.json

Brand: Mintmark
Headline: Mintmark — Seed
Slides: 10
Colors: paper #f1ebe0 · ink #15130f · sun #4a2fc9 · pill #ecb84a · dot #e2603f

examples/atrium-launchdeck.json

Brand: Atrium
Headline: Atrium — Launch
Slides: 8 (title, statement, feature, photo, numbers, list, quote, closing)
Colors: paper #ece6db · ink #121512 · sun #1f5a47 · pill #f0b6a1 · dot #c8522c

What you get

A browser deck where a cast of shapes and your product move, resize and recolour between slides
Nine layouts: title, statement, numbers, bars, feature, photo, list, quote and closing, with three tones and a mirror flip
Chart bars that rise from the baseline, with the highlighted bar played by the big sun and your product on top
A PowerPoint file with the Morph transition, every shape, picture and text box named so Morph pairs them, all editable
A contrast check on what really lies behind every line, and a warning when a slide has nothing to move
A PDF of the finished slides, and two example decks with their pictures
Open-source licenses for every part it builds on

Good fit

Founders with a physical or visual product can pitch with the product riding across every slide, from the title to the traction chart.
Brands launching on stage can present a keynote that moves like an agency built it and still hand over an editable PowerPoint file.
Teams that live in PowerPoint get Morph transitions already set up, with every shape named so they can add their own slides that move too.

Not for

Decks over moving footage (see Cinema Deck)
Long board packs with tables and many charts (see Investor Memo Deck)
Google Slides as the place you present: it shows the slides still, without Morph

About this skill

A deck where nothing just appears: a big round sun, a pill, a dot and your product cut-out travel from slide to slide. The sun shrinks to a corner, unrolls into a panel and becomes the tallest bar of a chart, with your product riding on it; words that stay glide with them. Your agent builds it from your notes and a product PNG, checks every line of text against what really moves behind it, and exports a PowerPoint file that does the same moves with PowerPoint's own Morph transition, every shape and text box editable.

Example request

Make a Morph Deck for our seed pitch from pitch.md, with our product cut-out product.png riding across the slides, a bar chart of monthly revenue, speaker notes, and export the PDF and a PPTX with Morph.

How it works

You ask
Make a Morph Deck for our seed pitch from pitch.md, with our product cut-out product.png riding across the slides, a bar chart of monthly revenue, speaker notes, and export the PDF and a PPTX with Morph.
Your agent
1. 1
  Plan the slides
  Turn the person's material into 6 to 14 slides, one idea per slide.
2. 2
  Write deck.json
  Top level: title and org are required; object is the product cut-out for every slide; lang defaults to en.
3. 3
  Build
  It checks every slide, the theme and every picture, and lists every problem at once, then writes out/index.html and copies the pictures into out/media/.
4. 4
  Check it and look at every slide
  Fix every error: change the tone, flip the slide, use a different layout or shorten the text.
5. 5
  Export the PDF
  It writes out/index.pdf, one 1920×1080 page per slide, and checks the page count.
6. 6
  Export the PowerPoint file (optional)
  It writes out/index.pptx on PowerPoint's widescreen page, with the Morph transition on every slide after the first.
7. 7
  Hand it off
  Give the person out/ (index.html and media/) to present in the browser, index.pdf to send, and index.pptx to present or edit in PowerPoint.
You get
- out/index.html
- out/shots/slide-01.png
- out/index.pdf
- out/index.pptx

What you need

Node.js 18 or newer.
Chrome, Chromium or Edge installed, for the checks, the PDF and the PPTX. Set CHROME_PATH if the scripts don't find it.
For the PPTX only: npm i pptxgenjs@4.0.1 in the folder you run the export from.
Internet access when the deck is opened, checked or exported, for the Google Fonts stylesheet.
Optional but what makes it: a product cut-out, a .png with a clear (transparent) background, trimmed close to the object, about 600 to 1200 px on its long side. A bottle, a device, a shoe, a coin, a sculpture. Without one the deck still moves (the shapes carry it).
Optional: photos (.jpg or .png) for the photo layout.

Last checked Nov 2, 2026: the package’s own build and render commands ran and passed.

If something goes wrong

build: fix deck.json first
Each line names the slide, the field and the limit. Shorten rather than work around limits.
the object must be a .png cut-out
Cut the product out first (remove.bg, Photoshop, macOS Preview's Remove Background, or rembg) and trim the empty edges.
The product looks small or off-centre on the sun
Its PNG has wide empty margins. Trim them; the build fits the picture's own box.

What’s in the download

SKILL.md14.3 KB
assets/
assets/base.css3.00 KBstage, overview, print
assets/deck.css7.72 KBthe look of every layout
assets/player.js21.7 KBthe browser player, the morph and the modes the scripts use
examples/
examples/atrium-launch/2.63 KBa museum pass launch, 8 slides, a marble bust · 1 file
examples/mintmark-seed/3.46 KBa seed pitch, 10 slides, a gold coin · 1 file
scripts/
scripts/build.mjs18.8 KBthe layouts and where the cast stands on each; checks deck.json and builds out/index.html.
scripts/check-deck.mjs5.93 KBlayout, overlap and contrast checks, the "nothing moves" warning, and the slide pictures.
scripts/chrome.mjs3.63 KBheadless Chrome
scripts/color.mjs1.40 KBcolour and contrast
scripts/deck-core.mjs7.84 KBfield rules and validator
scripts/export-pdf.mjs1.90 KBthe exports; the PPTX one names every shape for Morph and adds the transition.
scripts/export-pptx.mjs9.77 KB
scripts/headless.mjs1015 B
scripts/png.mjs2.26 KBreads the check's screenshots without anything to install.
NOTICE.md1.71 KBthird-party software, fonts and where the pictures come from.
TESTED.json609 B

17 files · 108 KB · installs to ~/.claude/skills/morph-deck for Claude Code and ~/.agents/skills/morph-deck for other agents

Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.

Similar Skills

View all

New

Cinema Deck+3

Glass Keynote Deck+3

Details

Output: HTML deck that morphs + PDF + PPTX with native Morph · 6–14 slides
Needs: Node.js 18+ and Chrome for the checks and exports; pptxgenjs only for the PowerPoint file
Series: Decks · 6 skills
For: Founder Consultant Marketer
Updated: Nov 2, 2026
Checked: Nov 2, 2026: its own commands ran and passed. That is a working check, not a security audit.

Written for

Claude Code Codex Cursor GitHub Copilot Gemini CLI OpenCode

See all 31 agents that read skill folders.

Install guides

For your agent

Generates with

HTML + CSS + Web Animations (the morph)Headless Chrome checksPptxGenJS + native PowerPoint Morph (optional)

Uses tools

Chrome Node.js PptxGenJS· PPTX export only

Good forFundraising Product launch

Picked inDesign skills for Claude Code

Installed it? Tell others how it went. Reviews come from people who installed this skill.

Write a review

FAQ

Does the PowerPoint file really morph?

Yes. Every slide after the first carries PowerPoint's Morph transition, and each shape, picture and text box is named with two exclamation marks plus its key, which is how Morph knows the same object on two slides and moves it. It plays in PowerPoint 2019, 2021, 2024 and Microsoft 365; older versions and Keynote fade instead.

What do I need for the product that moves?

A PNG of the product with a clear background, trimmed close, about 600 to 1200 px on its long side. Any background remover makes one. Without it the deck still moves: the shapes carry it.

How does it keep text readable when shapes move under it?

The check photographs every slide with its text hidden and measures the lightest and darkest parts under each line against the text colour. When a line fails it says so, and you change the tone, flip the slide or shorten the text.

Which agents is Morph Deck written for?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Do I own what I make with it?

Yes. Everything your agent makes with this skill is yours, including for client and commercial work.

What if it doesn’t work for me?

Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.

Credits and licensesBuilt on gitbrent/PptxGenJS

What Lookbk adds on top of gitbrent/PptxGenJS (MIT): the layouts, the cast and its poses, the morph player, the checks and the exports, all written for Lookbk; the example pictures were made for Lookbk. PptxGenJS (MIT) writes the PowerPoint file.

Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.