Agentic Prezi — Design skill for Claude Code
Agent-led platform that turns a write-up into a researched, cited, Prezi-style SVG presentation.
How to install Agentic Prezi
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open lizTheDeveloper/agentic-prezi and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Agentic Prezi does
Agent-led platform that turns a write-up into a researched, cited, Prezi-style SVG presentation.
Alternatives in Design
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
- Weather Orchestrator Command — Fetch the current temperature for Dubai, UAE and create a visual SVG weather card 20.2k ★
- Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
README
agentic-prezi
Turns a write-up into a researched, cited, Prezi-style (zooming, spatial) SVG presentation and publishes it to a `*.themultiverse.school` URL.
This repository is **public**. Never commit secrets — see [`CLAUDE.md`](./CLAUDE.md).
Status
- #0 security/supply-chain — built (supply-chain gate, secret scanner, CI hook).
- #1 core app + auth + publish — built (this is the walking skeleton). Sign in with a magic
link, write a presentation, hit Publish, get a live
https://.themultiverse.schoolURL. Uses a stub generator in place of the real research/generation engine (#2/#3).
See `docs/superpowers/specs/` for designs and `docs/superpowers/plans/` for implementation plans.
Tech choices
- Zero npm dependencies. Backend is TypeScript run natively by Node (type-stripping — no
tsc/bundler), using only the standard library (node:http,node:sqlite,node:crypto,node:fs). The frontend is vanilla JS + native ES modules served as static files (no React, no esbuild). Open web standards over libraries. - Requires Node ≥ 26 (
.nvmrc);node:sqliteand.tstype-stripping run flag-free.
Setup
git clone && cd agentic-prezi
sh scripts/setup-dev.sh # one-time: enables git hooks (core.hooksPath=.githooks)
There are no dependencies to install. (`npm install` only writes an empty lockfile; the #0 gate keeps it that way.)
Run
npm start # or: node src/server.ts
Then open `http://localhost:8787`. In **dev mode** (the default) magic-link emails are printed to the server console instead of being sent — copy the link from there to sign in.
Dev auth bypass (local testing)
To skip the email step entirely while developing, start with `DEV_AUTH_BYPASS=1`:
DEV_AUTH_BYPASS=1 npm start
Then just visit `http://localhost:8787/api/dev/login` in the browser (or `curl` it) — it mints a session for `dev@localhost` (pass `{"email":"you@example.com"}`
Related Skills
Keynote Create
Claude Code skill: turn source material into a styled presentation deck — image-led Keynote or Minto/McKinsey
Mckinsey Style Visualization Skill
Agent Skill that turns messy notes into rendered strategy-consulting visuals, with SVG examples and validation
Spotkit
Spotkit — a Claude Code skill that turns a feature description into minimal, abstract SVG product illustration
FlowAI
Visual drag-and-drop platform for building, executing, and deploying LangGraph agentic workflows
Brand Forge
BrandForge turns your project vision into an enterprise-grade brand guide built for agentic development. Defin
Brandforge
BrandForge turns your project vision into an enterprise-grade brand guide built for agentic development. Defin
Related Agents
Presentation Designer
Turns data work — exploratory analyses, dashboards, business plans, project proposals — into polished, on-bran
Slide Core
Design agent for final SVG slide generation with Bento Grid layout and style tokens
Mckinsey Slide Agent
McKinsey-style slide deck composer. Use proactively when the user asks to build, draft, design, or "make a dec