Content Page Generator
Creates content slides for PowerPoint presentations using PptxGenJS. Content slides contain the main body of presentation content.
Content Slide Subtypes
| Subtype |
Best For |
| Text |
Bullets, quotes, short paragraphs |
| Mixed Media |
Two-column image + text |
| Data Visualization |
Charts + key takeaways |
| Comparison |
Side-by-side columns (A vs B, pros/cons) |
| Timeline / Process |
Steps with arrows, journey, phases |
| Image Showcase |
Hero image, gallery, visual-first |
Code Example: Text Content Slide
function createSlide(pres, theme) {
const slide = pres.addSlide();
slide.background = { color: theme.bg };
// Title
slide.addText("Key Features", {
x: 0.5, y: 0.3, w: 9, h: 0.8,
fontSize: 36, fontFace: "Arial",
color: theme.primary, bold: true
});
// Bullet points
slide.addText([
{ text: "Feature One: High performance and scalability", options: { bullet: true, fontSize: 16 } },
{ text: "Feature Two: Built-in security and compliance", options: { bullet: true, fontSize: 16 } },
{ text: "Feature Three: Easy integration with existing tools", options: { bullet: true, fontSize: 16 } }
], {
x: 0.5, y: 1.5, w: 9, h: 3,
fontFace: "Arial", color: theme.secondary, valign: "top"
});
// Page number badge
slide.addShape(pres.shapes.OVAL, { x: 9.3, y: 5.1, w: 0.4, h: 0.4, fill: { color: theme.accent } });
slide.addText("N", { x: 9.3, y: 5.1, w: 0.4, h: 0.4, fontSize: 12, color: "FFFFFF", bold: true, align: "center", valign: "middle" });
return slide;
}
module.exports = { createSlide };
Common Pitfalls
- Text-only slides: Every content slide must have at least one non-text element (image, chart, icon, or shape)
- Center-aligned body text: Left-align paragraphs and lists; center only titles
- No page badge: Every slide except cover requires a page number badge
- Same layout repeated: Vary layouts across content slides
Verification Checklist
1---2name: content-page-generator3description: Use when creating content slides for PowerPoint presentations with PptxGenJS.4---56# Content Page Generator78Creates content slides for PowerPoint presentations using PptxGenJS. Content slides contain the main body of presentation content.910## Content Slide Subtypes1112| Subtype | Best For |13|---------|----------|14| Text | Bullets, quotes, short paragraphs |15| Mixed Media | Two-column image + text |16| Data Visualization | Charts + key takeaways |17| Comparison | Side-by-side columns (A vs B, pros/cons) |18| Timeline / Process | Steps with arrows, journey, phases |19| Image Showcase | Hero image, gallery, visual-first |2021## Code Example: Text Content Slide2223```javascript24function createSlide(pres, theme) {25 const slide = pres.addSlide();26 slide.background = { color: theme.bg };2728 // Title29 slide.addText("Key Features", {30 x: 0.5, y: 0.3, w: 9, h: 0.8,31 fontSize: 36, fontFace: "Arial",32 color: theme.primary, bold: true33 });3435 // Bullet points36 slide.addText([37 { text: "Feature One: High performance and scalability", options: { bullet: true, fontSize: 16 } },38 { text: "Feature Two: Built-in security and compliance", options: { bullet: true, fontSize: 16 } },39 { text: "Feature Three: Easy integration with existing tools", options: { bullet: true, fontSize: 16 } }40 ], {41 x: 0.5, y: 1.5, w: 9, h: 3,42 fontFace: "Arial", color: theme.secondary, valign: "top"43 });4445 // Page number badge46 slide.addShape(pres.shapes.OVAL, { x: 9.3, y: 5.1, w: 0.4, h: 0.4, fill: { color: theme.accent } });47 slide.addText("N", { x: 9.3, y: 5.1, w: 0.4, h: 0.4, fontSize: 12, color: "FFFFFF", bold: true, align: "center", valign: "middle" });4849 return slide;50}51module.exports = { createSlide };52```5354## Common Pitfalls5556- **Text-only slides**: Every content slide must have at least one non-text element (image, chart, icon, or shape)57- **Center-aligned body text**: Left-align paragraphs and lists; center only titles58- **No page badge**: Every slide except cover requires a page number badge59- **Same layout repeated**: Vary layouts across content slides6061## Verification Checklist6263- [ ] Visual element included (not text-only)64- [ ] Body text left-aligned (not centered)65- [ ] Page number badge included66- [ ] Content matches the planned outline67- [ ] Font size: title >= 36pt, body 14-16pt