How I Built a Professional Pitch Deck in Minutes Using Replit Agent — A Beginner’s Guide

he title slide of our Hogwarts Quest pitch deck — designed, coded, and deployed by an AI agent

You have a great idea. Maybe it’s a game, a SaaS tool, a marketplace, or a weekend hackathon project. You’ve built the prototype. Now someone asks:

“Do you have a pitch deck?”

And suddenly you’re staring at PowerPoint, fighting with alignment, googling “how to make a good pitch deck,” and losing hours you could spend actually building.

What if you could describe your project in plain English and have a polished, interactive pitch deck generated for you — complete with real screenshots from your app, custom styling, and live deployment?

That’s exactly what I did. And I’m going to show you how.

What We Built

For the Replit Agent4 Buildathon, my team built Hogwarts Quest — a 3D AI-powered Harry Potter adventure game that runs entirely in the browser. Players explore Platform 9 3/4, chat with an AI-powered Hermione, get sorted by an intelligent Sorting Hat, and play mini-games.

After building the game, we needed a pitch deck to present it. Instead of opening Google Slides or Canva, we asked Replit Agent to build one.

The result: a 10-slide interactive pitch deck with a dark magical theme, actual in-game screenshots, founder photos, and smooth slide navigation — all deployed as a live web app.

See it live: hogwarts-quests.replit.app/hogwarts-pitch-deck

Why Build a Pitch Deck with Replit Agent?

Before we dive in, let me address the obvious question: Why not just use Google Slides?

Here’s why code-based pitch decks are worth considering:

1. Live and shareable — It’s a URL. No downloading files, no “request access,” no version confusion. Anyone with the link can view it instantly.
2. Embedded in your project — The pitch deck lives alongside your actual app. Investors or judges can click one link to see the deck, then another to play the game. Everything is in one place.
3. Real screenshots — We embedded actual screenshots from the running game. Not mockups. Not Figma designs. Real, captured gameplay showing exactly what the product looks like.
4. Version controlled — Every change to the deck is tracked. You can roll back, branch, and iterate just like code.
5. AI builds it for you — The biggest advantage. You describe what you want, and the agent handles the design, layout, responsive scaling, and deployment.

Step-by-Step: How I Built the Pitch Deck

Step 1: Start with Your App on Replit

If you already have a project on Replit, you’re halfway there. Our Hogwarts Quest game was already running as a React + Vite app. The pitch deck became a second “artifact” in the same workspace — think of it as a second app living in the same project.

If you’re starting fresh, just create a new Replit project and tell the Agent what you want to build.

Step 2: Tell the Agent What You Need

This is the fun part. I literally told Replit Agent:

“Create a pitch deck for Hogwarts Quest. It should have 10 slides: title, founding team, game overview, key features, gameplay journey, market opportunity, technology stack, roadmap, traction, and a closing slide. Use a dark magical theme with purple and gold accents.”

That’s it. No design specs. No wireframes. No CSS knowledge required.

The agent:

• Created a new slides artifact in the project
• Set up the routing and navigation
• Built all 10 slide components with proper styling
• Added keyboard navigation (arrow keys to move between slides)
• Added click navigation (click left/right side of screen)
• Configured the Vite build and deployment

Step 3: Add Real Screenshots

This is what separates a good pitch deck from a great one. Instead of using placeholder images or mockups, we captured actual screenshots from the running game and embedded them directly.

I told the agent:

“Take screenshots of the game showing the Hogwarts acceptance letter, the Hermione chat, the Sorting Hat analysis, and the level complete screen. Add these to the Game Overview, Key Features, and Gameplay Journey slides.”

The agent captured the screenshots, copied them into the pitch deck’s assets folder, and placed them in the right slides with captions. The result looks polished and authentic because it IS the real product.

Step 4: Add Founder Photos

For the Founding Team slide, I uploaded our photos. The agent placed them in a clean grid layout with names and titles. When we needed to add or remove a team member later, it was a one-sentence instruction:

“Add Parak Desai as a co-founder on slide 2”

Done. Layout automatically adjusted to fit three cards instead of two.

Step 5: Deploy

Since the pitch deck is an artifact in the Replit workspace, deploying it is just clicking “Publish.” It goes live at a URL like your-app.replit.app/your-pitch-deck/ — instantly accessible to anyone.

No hosting setup. No DNS configuration. No build pipeline. Just click and share.

What’s Inside Our 10-Slide Deck

Here’s the structure we used. You can adapt this for any project:

This structure follows the classic investor deck format. For a hackathon submission, you might slim it down to 5–6 slides. For a formal fundraise, you might expand to 12–15.

Tips for Beginners

1. Start with content, not design

Don’t worry about colors and fonts first. Write down what each slide should SAY. The agent handles the visual design. Your job is to be clear about your message.

2. Use real screenshots

Nothing kills credibility faster than placeholder images in a pitch deck. If you have a working product, show it. Take screenshots of the actual app and embed them. It proves you’ve built something real, not just a concept.

3. Keep slides focused

One idea per slide. If you’re cramming three concepts onto one slide, split them up. Slides are free — clarity isn’t.

4. Tell a story

Your deck should flow like a narrative:

• Here’s the problem (or opportunity)
• Here’s what we built
• Here’s why it’s special
• Here’s the proof
• Here’s what’s next

5. Iterate with the agent

The first version won’t be perfect. That’s fine. Say things like:

• “Make the title bigger on slide 1”
• “Add more space between the feature cards”
• “Change the screenshot on slide 4 to show the chat feature”

Each iteration takes seconds, not hours.

Common Questions

Q: Do I need to know how to code? No. The entire pitch deck was built by describing what we wanted in plain English. Replit Agent handled all the React components, CSS styling, and deployment configuration.

Q: Can I customize the theme? Absolutely. Tell the agent what colors, fonts, or mood you want. We used a “dark magical theme with purple and gold” — you could say “clean and minimal with blue accents” or “bold and colorful startup style.”

Q: How do I share it? Once published, it’s a URL. Copy it, paste it anywhere — email, Discord, Slack, your hackathon submission form. Anyone with the link can view it in their browser.

Q: Can I present it like a normal slide deck? Yes. The deck supports arrow key navigation and click-to-advance. Open the URL, go full screen (F11), and present. It works like PowerPoint or Google Slides but runs in the browser.

Q: How long does it take? We built the full 10-slide deck in under an hour, including capturing and embedding game screenshots.

Try It Yourself

1. Go to replit.com and create a project (or open an existing one)
2. Tell the Agent: “Create a pitch deck for [your project name] with slides for [list your slides]”
3. Add your screenshots and team photos
4. Publish and share the link

That’s really all there is to it.

Our live deck: hogwarts-quests.replit.app/hogwarts-pitch-deck

Our game: hogwarts-quests.replit.app

The best pitch deck is the one that actually gets made. Stop perfecting slides in PowerPoint and start shipping.

Built by Deepti Bahel and Ayushi Walia for the Replit Agent4 Buildathon 2026.

replit #replitAgent #pitchDeck #startup #buildInPublic #noCode #AI #artificialIntelligence #AItools #webDevelopment #hackathon #buildathon #replitAgent4 #startupTools #entrepreneurship #indieHackers #coding #learnToCode #techStartups #gamedev #react #JavaScript #pitchDeckDesign #investorDeck #AIAssistedDevelopment #AIcoding #vibe-coding #vibecoding