AI Slide Creation Environment for Developers

Your AI Agent Builds the Deck. You Never Leave the Terminal.

You already use Claude Code, Codex, Gemini CLI, or Cursor for coding. Now ask the same agent to build your slide deck — without leaving your terminal. No app switching. No PowerPoint. Just flow.

Free and open source under the MIT License

Amaroad — zsh
terminaloutput
1$ git clone git@github.com:co-r-e/amaroad.git amaroad
2Cloning into 'amaroad'... done.
3$ cd amaroad && npm install && npm run dev
4added 127 packages in 4.2s
5✓ Ready on http://localhost:3000
6$ claude "Create a pitch deck for my startup"
7Claude Generating 8 slides...
zsh~/projects/amaroadnode v20.11

Usage

Build Slides Without
Breaking Your Flow

Create, revise, and share slides from the same terminal where you write code.

1

Prompt Between Commits

Just tell Claude Code "Create 5 slides for tomorrow's sprint review." Point it at your project path and it reads sprint context automatically. No need to stop coding.

$ claude "Create 5 slides for tomorrow's sprint review.
  Summarize the sprint from ./my-project"
2

AI Generates Your Deck

The AI agent creates MDX files and your slides appear in the browser in real time. Hot reload updates the preview instantly every time a file is saved.

Auto-generated slide-01.mdx → slide-05.mdxLive Preview
3

Revise from the Terminal

"Add an architecture diagram to slide 3." "Make the summary slide more concise." Refine your deck with the same workflow you use for code.

> Add an architecture diagram to slide 3
> Make the summary slide more concise
4

Present & Share Instantly

Jump straight into presenter mode for your meeting, export to PDF/PPTX, or share a live URL with your team via Cloudflare Tunnel.

Presenter ModePDF / PPTXTunnel Sharing

Showcase

100+ Built-in Slide Templates

Charts, code blocks, layouts, dashboards — all production-ready out of the box.

Cover slideCover image right slideCover minimal slideCover typography slideCover creative slideCover artistic slideAbout slideSection left aligned slideSection number slideSection dark slideSection split slideSection minimal slideFeatures slideSpeaker slideCode example slide
Charts slideLayout slideTable slideIcons slideLine chart slidePie chart slideArea chart slideBlockquote slideMath slideShapes slideThree columns slideOrdered nested list slideCustom background slideMixed columns slideCode explanation slide
Icons with labels slideSection typography slideInline code links slideDashboard slideCustom width columns slideMulti language code slideShapes decorative slideKPI cards slideComparison table slideDark gradient slideImage bottom caption slideImage left caption slideImage right caption slideImage comparison slideImage overlay text slide
Image card list slideThree image flow slideHeading image subheading slideImage with caption slideThree images caption slideCard grid slideImage left text right slideText left image right slideCentered heading slideBig number slideTeam profiles slideTimeline slideChecklist slideBefore after slide
Gradient cards slideNumbered steps slideHero centered slideImage full with text slideTwo row cards slideQuote card slideIcon list horizontal slideCentered section slideSplit dark light slideQA contact slideKPI strip slideFunnel slideThree column text slideTwo column image text slide
Three column image text slideTwo column text slideStacked images slideScreenshot callouts slideLogo wall slideTimeline slideBig number slideDo dont slidePricing table slideTeam grid slideSWOT matrix slidePyramid slideConcentric circles slideVenn diagram slide
Cycle diagram slideHub spoke slideStair chart slideIceberg slide3x3 matrix slideLayer stack slideValue chain slideGauge meter slideFlowchart decision slideAgenda slideVideo with description slideVideo embed slideAgenda slideAgenda grid slide
Agenda highlight slideComparison cards slideAgenda grid 3-day slideFeature comparison slideStat grid slideFAQ slideProcess flow slideTestimonial wall slideFeature spotlight slidePros cons slideData narrative slideRisk matrix slideTech stack slideThank you slide

Why Amaroad?

Built for developers who don't want to break their flow.

Zero Context Switching

The AI agent you already use for coding — Claude Code, Codex, Gemini CLI, Cursor — builds your slides too. Same terminal, same flow.

Per-Slide Parallel Editing

After the draft, run one agent per slide and push multiple revisions at once instead of serial rework.

AI Micro-Tuning

Delegate spacing, wording, chart labels, and visual polish to AI for high-quality finishing touches.

Everything You Need for AI-Driven Deck Production

From first draft generation to parallel polish and live URL sharing.

Parallel Slide Revisions

Assign edits to multiple slides simultaneously and shorten review cycles dramatically.

AI Detail Adjustment

Ask AI to improve tone, hierarchy, spacing, and chart readability with precision prompts.

Live Reload

See your changes instantly. Hot Module Replacement (HMR) keeps your preview fresh.

Built-in Components

Charts, icons, code blocks, tables, multi-column layouts, math equations, and shapes ready to use.

Cloudflare Tunnel Sharing

Expose your deck with a shareable URL and collect feedback in real-time with teammates anywhere.

Presenter Mode

Open a separate fullscreen window for projector output, synced in real-time via BroadcastChannel.

PDF Export

Export decks to high-quality PDF via Playwright for sharing or printing.

Two Built-in Image Generation Skills

Generate photorealistic images via Gemini API and professional SVG diagrams (flowcharts, architecture maps, comparisons, and more) directly from the CLI — both auto-styled to your deck's theme.

14 Built-in Agent Skills

Specialized Claude Code skills that extend Amaroad with AI-powered workflows — from deck design to video export.

SkillDescriptionTrigger
🎨Deck DesignerInteractive Q&A to plan deck structure, audience, and theme before building."design a deck"
🏗️Deck ScaffoldGenerate deck.config.ts and numbered MDX files from a brief."create a new deck"
🖼️Image GenerationGenerate AI images via Gemini API with auto aspect ratio detection."generate an image"
✏️Image EditorEdit existing images — remove objects, change colors, add elements."edit this image"
📐SVG DiagramCreate flowcharts, architecture maps, and process diagrams as theme-aware SVGs."draw a diagram"
🎙️Graphic RecordingGenerate graphic-recording-style illustrations from slide content."グラレコ"
🎬Remotion VideoConvert a slide deck into an animated video with spring animations."make a video"
🌐Deck LocalizerTranslate slides between Japanese and English while preserving MDX structure."translate to English"
📏Overflow FixerAuto-fix overflowing slide content with layout, media, and spacing adjustments."fix overflow"
Preflight AuditorLint slides for font sizes, hard-coded colors, missing notes, and safe-zone violations."preflight check"
🗒️Speaker NotesStandardize speaker notes with Purpose, Talking Points, and Estimated Time."polish notes"
🔍Fact CheckerScan slides for numeric claims and flag lines missing verifiable citations."citation check"
🎯Theme NormalizerReplace hard-coded HEX colors with CSS variable references from your theme."normalize theme"
📚Remotion ReferenceBest practices and API reference for Remotion video animations."Remotion best practice"

How It Works

From draft generation to parallel refinement in minutes.

01

Install & Initialize

Clone the repo and install dependencies.

git clone git@github.com:co-r-e/amaroad.git amaroad
cd amaroad
npm install
02

Create the First Draft

Start Claude Code and generate a complete deck draft from a single instruction.

$ claude
> Create a deck for "Q3 Roadmap" with 12 slides
03

Revise Slides in Parallel

Batch-request edits for selected slides so agents can work on each slide concurrently.

> Update slides 04, 05, 08 in parallel:
> tighten copy, improve chart labels, fix spacing
04

Share, Review, and Present

Use AI for final micro-adjustments, share a live URL via Cloudflare Tunnel, then present when ready.

> Make slide 05 headline sharper and align chart axis labels
> Expose this deck with Cloudflare Tunnel and share the URL
npm run dev

Get Started

Ready to iterate slides in parallel
and present with confidence?

Sign in to Amaroad Cloud or explore the docs before your first workspace.