Seraph Deck Builder

EDIT PRESENTATION

🖼 Presentation Backgrounds

Upload your own images: your company template, logo background, or any JPG/PNG. Images are embedded in the saved HTML file so everything stays in one place.

Background A — Title & Section Slides

Used on slides where the title text is set to white color — typically your opening and section header slides.

Default dark gradient

Background B — Content Slides

Used on slides where the title text is set to dark color — typically your agenda, body, and data slides.

Default light gradient

❓ Seraph Deck Builder — Quick Start Guide

1

Edit Your Slides

Open ☰ → Edit Presentation to manage slides and elements. Each slide can have any combination of Title, Text, Bullet, and Image elements. Drag elements to reposition them on the slide, or type exact X/Y/W values in the editor panel.

2

Use CSV for Fast Bulk Editing

The fastest way to build a deck is via CSV. Go to ☰ → Export CSV, open the file in Excel or Google Sheets, edit your content, save, then ☰ → Load CSV to reload. One row per element, one deck done in minutes.

3

Add Your Backgrounds

Go to ☰ → Set Backgrounds to upload your company presentation template or logo background as images.

• Background A is used when a slide’s title color is set to white (dark backgrounds).
• Background B is used when a slide’s title color is set to dark (light backgrounds).

Tip: Export your PowerPoint template as a PNG and upload it here.

4

Use AI to Build Your Deck

Go to ☰ → AI / Paste CSV. Describe what you need, click Copy Prompt, paste it into Claude, ChatGPT, or any AI assistant. The AI returns a ready-to-paste CSV. Paste it into the box and click Apply. Your slides are built instantly.

5

Save & Export

• ☰ → Save (HTML + CSV) — Saves a self-contained HTML file with all your content and backgrounds embedded. Reopen it anytime to keep editing.

• ☰ → Print / Save PDF — Opens a print-ready view. In your browser’s print dialog, choose Save as PDF and enable Background graphics for best results.

CSV FORMAT REFERENCE

page,type,content,x,y,w,color,align 1,title,My Presentation Title,50,38,85,white,center 1,text,Organization Name - Month 2026,50,60,70,white,center 2,title,Agenda,50,22,85,dark,center 2,bullet,Topic One,50,35,72,dark,left 2,bullet,Topic Two,50,47,72,dark,left 3,title,Key Metrics,50,18,85,dark,center 3,text,Insert your summary here,50,50,72,dark,center 4,image,logo.png,50,50,30,dark,center

page

Slide number (1, 2, 3…). All rows with the same number appear on the same slide.

type

title • text • bullet • image

x / y

Position as % (0–100). The value is the center of the element. Leave blank to auto-layout.

w

Width as % (0–100). Leave blank to use defaults (title=85, text/bullet=72, image=38).

color

white (light text, dark BG) • dark (dark text, light BG) • gold • any CSS hex #rrggbb

align

left • center • right (bullets default to left)

🤖 AI / Paste CSV

1

Describe what you need (optional)

Type your request below — e.g. “Add a slide 4 with Q2 revenue metrics” or “Rewrite slide 2 bullets to be more concise”. Then click Copy Prompt.

2

Paste the AI’s CSV response here

The AI should return only raw CSV. Paste it into the box below and click Apply.