promptdojo_promptdojo_promptdojo_promptdojo_promptdojo_promptdojo_promptdojo_promptdojo_promptdojo_promptdojo_promptdojo_

Upgrade a dull PowerPoint into an interactive site: step 1 of 8

ch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builderch 00 · from worker to builder1/8

ch 00 · from worker to builder

Upgrade a dull PowerPoint into an interactive site

step 1 of 8

Weekly decks get presented once, leaving their data in slides nobody can search, filter, or click into. This lesson turns that data into an interactive web page your team can use.

The AI writes the code. You write its instructions, check the page, and send your team one file that opens with a double-click.

Northline’s sales team presents a six-slide pipeline deck every Friday. By Monday, nobody can find it or remember the at-risk deals. You’ll turn it into a webpage where reps filter their deals and see what needs attention.

What "interactive" means here

Slides freeze the same numbers for everyone at Friday’s meeting. Your interactive webpage lets each reader click to answer their own question.

The finished Northline interactive webpage lets Priya:

  • click her name and see only her 10 deals
  • drag a slider to see whether the team reaches its $1.5M quota if more of the best-case deals close
  • click Meridian and see why it's at risk (the champion left) and what to do next (an exec intro before Friday)

Marcus does the same with his deals. The VP of Sales looks at the whole team.

Before and after

The deck

Screenshot: slide 3, Deals at risk

Four at-risk deals in a table, the same for everyone, on slide 3 of 9.

Download the Northline deck

The page

Screenshot: the finished page, filtered to Priya

The same deals, highlighted in a table you can filter, sort, and click into.

See the finished example

How you'll get there

Give the AI the attached deck and one paragraph describing what to build. You decide what goes in that paragraph.

This is the exact paragraph that built the example page:

Turn the attached Northline pipeline deck into one interactive web page for Priya, Marcus, and the VP of Sales. Use only the numbers in the deck. Put four headline cards across the top (open pipeline, commit vs quota, at risk, won this week), then a forecast vs quota chart with a slider for how many best-case deals close, pipeline by stage bars, a donut by rep, and a sortable table of every open deal with the at-risk rows highlighted and their risk note shown. Let me filter by rep, stage, and at risk only, and click any deal to see its details. Make it dark and sleek. Give it to me as one file that opens when someone double-clicks it, even offline.

By Step 5, you’ll know what each line does and why.

The steps

  1. Meet the deck (5 min)
  2. Say who it's for and how you'll know it works (5 min)
  3. Decide what each slide becomes (5 min)
  4. Make it interactive (4 min)
  5. Read the prompt line by line, then write your own (7 min)
  6. Build it (8 min)
  7. Send it (2 min)

What you need

  • A ChatGPT or Claude account. The free version is fine.
  • The Northline deck (download link above), or a weekly deck of your own
  • About 40 minutes. Nothing to install.

What you leave with

  • A working interactive page you can send to your team
  • The prompt, ready to reuse next week
  • A checklist you can run on your own weekly deck