The page this skill built from examples/tessel-speed-talk, working in your browser. Opens in a new tab. Also: Maru kickoff.

14 slides built by this skill from examples/tessel-speed-talk and examples/maru-kickoff

Example settingswhat each example above was built from

examples/tessel-speed-talkdeck.json

Brand: Fieldwork 2027
Headline: Speed is a feeling — Fieldwork 2027
Slides: 8 (title, statement, number, swap, chapter, list, quote, closing)

examples/maru-kickoffdeck.json

Brand: Maru Robotics
Headline: Maru Robotics — Kickoff 2027
Slides: 8 (title, number, swap, statement, chapter, list, quote, closing)

What you get

A browser deck where shared words glide between slides and new words rise, slide or scale in one by one
Eight layouts: title, statement, swap, number, chapter, list, quote and closing
Headlines set as large as they fit, a figure that counts up, and a list that builds and pushes up
Two to four colour fields that wipe across between slides, with contrast checked on each
A PowerPoint file with Morph set to Words, every text box named by role and editable, with speaker notes
A PDF, and two example talks: a design conference talk and a company kickoff
Open-source licenses for every part it builds on

Good fit

Speakers giving a conference talk get a deck that moves like a title sequence without a motion designer.
Founders and leaders running an all-hands or kickoff can land a few big lines and one number that counts up.
Teams who present in PowerPoint get Morph set to Words already wired, so new slides they add move too.

Not for

Data-heavy decks with charts (see Signal Deck)
Decks built around product photos or footage (see Morph Deck or Cinema Deck)
Dense slides with paragraphs: every slide is one short idea set huge

About this skill

A talk made of huge type on flat colour fields, one idea a slide. Between slides the words themselves move: a word on both slides glides to its new place and size, the others roll out of their line, new ones rise in one by one, a big figure counts up and the next colour wipes across. A swap slide keeps its line and changes one word; a list builds item by item. Your agent builds it from your talk notes, checks every slide for fit, glyph collisions and contrast, and exports a PowerPoint file that moves word by word with PowerPoint's own Morph, every text box editable.

Example request

Make a Kinetic Type Deck for my 20-minute conference talk from talk.md: one idea per slide, a swap slide for our three principles, the key number counting up, a list that builds, speaker notes, then export the PDF and a PPTX with Morph.

How it works

You ask
Make a Kinetic Type Deck for my 20-minute conference talk from talk.md: one idea per slide, a swap slide for our three principles, the key number counting up, a list that builds, speaker notes, then export the PDF and a PPTX with Morph.
Your agent
1. 1
  Cut the talk into slides
  One idea a slide, in as few words as it can take: big type only works short.
2. 2
  Write deck.json
  Top level: title and org are required; lang defaults to en.
3. 3
  Build
  It checks every slide and the theme's contrast, lists every problem at once, then writes out/index.html and says how many slides the file unfolded into.
4. 4
  Check it and look at every slide
  Errors (exit code 1): type that doesn't fit its box even small, text running off the slide, two blocks whose glyphs touch (measured on the real ascenders and descenders of the face, not its line box) and text below contrast on its field.
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 with Morph (Words) on every slide after the first.
7. 7
  Hand it off
  Give the person out/index.html 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.
The talk itself: what each slide says, in as few words as it can. No pictures needed.

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. Big type needs short text: cut words rather than work around limits.
theme.fields[2].ink … reaches 3.9:1
That ink is too close to its ground. Darken or lighten one of them until it reaches 4.5:1.
check-deck says a headline only fits at 120 px
It is too long for big type. Split it into two slides, or turn it into a swap.

What’s in the download

SKILL.md12.1 KB
assets/
assets/base.css3.00 KBstage, overview, print
assets/deck.css5.09 KBthe look of every layout
assets/player.js30.1 KBthe browser player: fitting the type, pairing words across slides, the glides, entrances, wipes and count-ups, and the modes the scripts use
examples/
examples/maru-kickoff/1.98 KBa company kickoff, 12 slides, Anton in capitals on black, yellow and bone · 1 file
examples/tessel-speed-talk/1.76 KBa design-conference talk, 8 entries that unfold into 13 slides, Archivo Black on four fields · 1 file
scripts/
scripts/build.mjs10.1 KBthe layouts, the theme rules and the unfolding of swap and list; checks deck.json and builds out/index.html with every word wrapped for the player.
scripts/check-deck.mjs5.13 KBfit, glyph overlap and contrast checks, 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 text box by its role and sets Morph to Words.
scripts/export-pptx.mjs6.29 KB
scripts/headless.mjs1015 B
scripts/png.mjs2.26 KBreads the check's screenshots
NOTICE.md1.51 KBthird-party software and fonts.
TESTED.json624 B

17 files · 95.7 KB · installs to ~/.claude/skills/kinetic-type-deck for Claude Code and ~/.agents/skills/kinetic-type-deck for other agents

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

Similar Skills

View all

Glass Keynote Deck+3

New

Morph Deck+3

Details

Output: Big-type HTML deck where words move + PDF + PPTX with Morph by word · 8 to 20 slides
Needs: Node.js 18+ and Chrome for the checks and exports; pptxgenjs only for the PowerPoint file
Series: Decks · 10 skills
For: Founder Marketer Designer Ecommerce seller
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 (word-by-word motion)Headless Chrome checksPptxGenJS + PowerPoint Morph by word (optional)

Uses tools

Chrome Node.js PptxGenJS· PPTX export only

Good forProduct launch Brand

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 move like the browser deck?

Yes. Every slide after the first has PowerPoint's Morph transition set to Words, and each text box is named by its role, so Morph pairs the headline on one slide with the next and glides the words they share. It plays in PowerPoint 2019, 2021, 2024 and Microsoft 365; older versions and Keynote fade instead.

How does the swap slide work?

You give the words that stay and 2 to 5 words that change. The build makes one slide per word and sets them all at the same size, so the line holds still while the word rolls out and the next rises in.

Can I use my own fonts and colours?

Yes. Set 2 to 4 colour fields and any Google Fonts display face, in capitals if you like. The build checks that the ink reaches 4.5:1 and the accent 3:1 on each field, and the check measures the face's real glyphs so tall capitals never collide.

Which agents is Kinetic Type 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 word-by-word player, the glyph-level checks and the exports, all written 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.