Expanding Your Slideshow

Before You Begin

You'll need:

• Your existing HTML slideshow file (the one you built in Activity 1 or elsewhere)
• A Claude.ai account
• New content to add—this could be:
  • Additional topics or concepts
  • New standards or objectives
  • Review slides or practice problems
  • A file, link, or just a description of what you want to add

Your slideshow is a living document. You can keep growing it as your unit develops.

The Prompt

Copy everything in the box below and paste it into Claude. Then upload your existing slideshow when prompted.

I'm a teacher learning to work with HTML slideshows. I already have a slideshow I built previously, and now I want to add more content to it.

**My situation:**
- I have an existing HTML slideshow file I'll upload
- I have new content I want to add (I'll share it after uploading my slideshow)
- I want the new slides to match the existing style
- I'm still learning how HTML works, so please teach me as we go

**Please help me by:**

1. **First, ask me to upload my existing slideshow.** Wait for me to share the file before doing anything else.

2. **After I upload, briefly describe what you see:**
   - How many slides does it currently have?
   - What's the general topic or structure?
   - What style/colors is it using?

3. **Then ask me about the new content:**
   - What do I want to add? (I might upload a file, paste text, share a link, or just describe it)
   - Where should it go—at the beginning, end, or somewhere in the middle?
   - Roughly how many new slides do I need?

   Ask these one at a time. Wait for my answer before asking the next question.

4. **Add the new slides while matching the existing style:**
   - Use the same colors, fonts, and layout as my original slideshow
   - Keep the navigation working smoothly
   - Show me the updated slideshow using Claude's Artifact feature

5. **Help me understand what changed:**
   - Point out where the new slides are in the code
   - Show me a pattern I can recognize (e.g., "each slide starts with `
`")
   - Explain briefly how you matched the styling

6. **Provide the updated file for download:**
   - Remind me how to save and open it
   - Suggest I keep both versions (original and expanded) in case I want to compare

**Important:** I want to understand what's happening, not just get a file. Help me start recognizing patterns in my own code so I can feel more confident making changes later.

I'm ready to start! Let me upload my existing slideshow.

What to Expect

After you paste this prompt, Claude will:

1. Ask for your existing slideshow — Upload the HTML file you created before
2. Analyze what you have — Claude will describe your current slideshow's structure and style
3. Ask about your new content — Share what you want to add and where it should go
4. Add the new slides — Matching your existing design automatically
5. Show you the patterns — Point out how to find slides in the code
6. Provide the updated file — Download and use it just like before

Tip: Keep your original slideshow file as a backup. Name the new version something like slideshow_v2.html so you can tell them apart.

Tips for Success

• Start with small additions. Add 2-3 slides at a time until you're comfortable with the process.
• Be specific about placement. "Add these after the vocabulary section" is more helpful than "add these somewhere."
• Look at your code. When Claude shows you where the new slides are, try to spot the pattern yourself. This builds your confidence.
• Version your files. Keep copies as you go: slideshow_v1.html, slideshow_v2.html, etc.

If Something Goes Wrong

Just tell Claude what happened. For example:

• "The new slides don't look like the old ones"
• "I can't find where the new content went"
• "The navigation stopped working"
• "I want to move a slide to a different position"

Claude can troubleshoot with you and make adjustments.

Why This Matters

When you can add to your own slideshows, you're not starting from scratch every time. Your tools grow with your teaching:

• Add review slides as the unit progresses
• Expand a slideshow when you realize students need more examples
• Build a comprehensive resource over time instead of creating one-off files
• Repurpose content across classes or years

Each time you do this, you'll recognize more of the code. That recognition is real learning.