DEV Community

Cover image for How to build: an AI-powered PowerPoint generator (Next.js, OpenAI, CopilotKit)

How to build: an AI-powered PowerPoint generator (Next.js, OpenAI, CopilotKit)

uliyahoo on February 20, 2024

TL;DR In this article, you will learn how to build an AI-powered PowerPoint application using Nextjs, CopilotKit & OpenAI. We will c...
Collapse
 
nevodavid profile image
Nevo David CopilotKit

Great article!
I wonder if it's possible to use also dalle 2 or midjourney to generate the slides pictures

Collapse
 
uliyahoo profile image
uliyahoo CopilotKit

Yup. In the latest version of the demo it is doing that.

Collapse
 
envitab profile image
Ekemini Samuel CopilotKit

Great article!

Another learning experience for me, thanks for sharing. I'm looking forward to the next one.

Collapse
 
uliyahoo profile image
uliyahoo CopilotKit

Thanks for checking it out!

Collapse
 
jeremiah_the_dev_man profile image
Jeremiah

Cool!

I liked your last article. Looking forward to going through this one this weekend!

Collapse
 
johny0012 profile image
Johny

Yup, definitely a weekend kind of project...

Collapse
 
uliyahoo profile image
uliyahoo CopilotKit

Thanks!

We worked really hard on this one and I think it's very cool so I hope you enjoy!

Collapse
 
matijasos profile image
Matija Sosic

Nice! Is CopilotKit open source? It might be a great fit for Open SaaS (an open-source, free alternative to $300+ boilerplate starters) then
github.com/wasp-lang/open-saas/

Collapse
 
uliyahoo profile image
uliyahoo CopilotKit • Edited

There is a lot of natural fit between open SaaS and CopilotKit. Let's talk!

Collapse
 
david-723 profile image
David

Can you alter the presentations after the AI made them?

Collapse
 
steven0121 profile image
Steve

It seems like you can through the chat...

Collapse
 
uliyahoo profile image
uliyahoo CopilotKit

Yeah exactly ^

Collapse
 
johny0012 profile image
Johny

Sounds like a cool project. Kind of a long read though, so saved it for later.

Collapse
 
uliyahoo profile image
uliyahoo CopilotKit

Hope you enjoyed!

Collapse
 
whatsonyourmind profile image
Whatsonyourmind

Great walkthrough. The CopilotKit + Next.js approach is smart for interactive editing — having the AI assist while you're in the app is a nice UX.

One thing I've been thinking about is the other end of the spectrum: fully programmatic generation where there's no UI at all. Think CRM webhooks that auto-generate client decks, or CI pipelines that produce weekly report presentations from data. In those cases you need an API you can POST structured JSON to and get a .pptx back.

The challenge is that most solutions (including python-pptx and PptxGenJS) require the caller to handle layout — calculating where each element goes. When you're generating hundreds of decks with varying content lengths, that gets painful fast.

Has anyone here tried separating the "what goes on the slide" (content/structure) from the "where it goes" (layout/positioning)? Curious if there are good patterns for this in the Next.js ecosystem or if it's mostly a backend concern.