Section Divider Generator
Creates section divider slides for PowerPoint presentations using PptxGenJS. Section dividers provide clear transitions between major parts of a presentation.
Layout Options
| Layout |
Best For |
| Bold Center |
Minimal, modern presentations |
| Left-Aligned with Accent Block |
Corporate, structured |
| Split Background |
High-contrast, dramatic transitions |
| Full-Bleed with Overlay |
Creative, bold presentations |
Code Example: Section Divider
function createSlide(pres, theme) {
const slide = pres.addSlide();
slide.background = { color: theme.accent };
// Section number
slide.addText("02", {
x: 0.5, y: 0.8, w: 9, h: 1.5,
fontSize: 96, fontFace: "Arial",
color: theme.primary, bold: true, align: "center"
});
// Section title
slide.addText("Architecture Overview", {
x: 0.5, y: 2.5, w: 9, h: 1,
fontSize: 40, fontFace: "Arial",
color: theme.bg, bold: true, align: "center"
});
// Page number badge
slide.addShape(pres.shapes.OVAL, { x: 9.3, y: 5.1, w: 0.4, h: 0.4, fill: { color: theme.light } });
slide.addText("N", { x: 9.3, y: 5.1, w: 0.4, h: 0.4, fontSize: 12, color: theme.primary, bold: true, align: "center", valign: "middle" });
return slide;
}
module.exports = { createSlide };
Common Pitfalls
- Too much content: Section dividers should be minimal — just number + title + optional one-liner
- No visual distinction: Dividers should look different from content slides (different background, more whitespace)
- Inconsistent style: All dividers in one presentation should use the same layout style
- Missing page badge: Section dividers MUST include page number badge
Verification Checklist
1---2name: section-divider-generator3description: Use when creating section divider slides for PowerPoint presentations with PptxGenJS.4---56# Section Divider Generator78Creates section divider slides for PowerPoint presentations using PptxGenJS. Section dividers provide clear transitions between major parts of a presentation.910## Layout Options1112| Layout | Best For |13|--------|----------|14| Bold Center | Minimal, modern presentations |15| Left-Aligned with Accent Block | Corporate, structured |16| Split Background | High-contrast, dramatic transitions |17| Full-Bleed with Overlay | Creative, bold presentations |1819## Code Example: Section Divider2021```javascript22function createSlide(pres, theme) {23 const slide = pres.addSlide();24 slide.background = { color: theme.accent };2526 // Section number27 slide.addText("02", {28 x: 0.5, y: 0.8, w: 9, h: 1.5,29 fontSize: 96, fontFace: "Arial",30 color: theme.primary, bold: true, align: "center"31 });3233 // Section title34 slide.addText("Architecture Overview", {35 x: 0.5, y: 2.5, w: 9, h: 1,36 fontSize: 40, fontFace: "Arial",37 color: theme.bg, bold: true, align: "center"38 });3940 // Page number badge41 slide.addShape(pres.shapes.OVAL, { x: 9.3, y: 5.1, w: 0.4, h: 0.4, fill: { color: theme.light } });42 slide.addText("N", { x: 9.3, y: 5.1, w: 0.4, h: 0.4, fontSize: 12, color: theme.primary, bold: true, align: "center", valign: "middle" });4344 return slide;45}46module.exports = { createSlide };47```4849## Common Pitfalls5051- **Too much content**: Section dividers should be minimal — just number + title + optional one-liner52- **No visual distinction**: Dividers should look different from content slides (different background, more whitespace)53- **Inconsistent style**: All dividers in one presentation should use the same layout style54- **Missing page badge**: Section dividers MUST include page number badge5556## Verification Checklist5758- [ ] Section number is the most prominent visual element59- [ ] Only number + title (+ optional one-liner)60- [ ] Page number badge included61- [ ] Visually distinct from content slides62- [ ] Consistent divider style across all dividers
LoopyLuci