Markdown Slides
Create presentation slides using markdown with HoneyBook styling.
Workflow
Phase 1: Skeleton
Ask the user for:
- Presentation title and subtitle
- Target audience
- Number of slides (approximate)
- Key topics to cover
Then create a skeleton outline:
# Presentation Title
Subtitle or description
---
## Slide 1: Topic Name
[placeholder]
---
## Slide 2: Next Topic
[placeholder]
Present the skeleton for approval before proceeding.
Phase 2: Iterate
Work through each slide one at a time:
- Show the current slide number and topic
- Propose content for that slide
- Wait for user feedback (approve, revise, or skip)
- Move to next slide
Keep slides focused: one main idea per slide. Use:
- Short bullet points (3-5 max)
- Code blocks with language hints for syntax highlighting
- Tables for comparisons
- Blockquotes for callouts
Phase 3: Commit
When user says "commit!":
- Compile all slides into a single markdown file
- Write to the specified path (ask if not provided)
- Copy
assets/honeybook-doc.cssto the output directory - Offer to run the build script
Slide Separators
Use --- (thematic break) between slides. This renders as a visual divider and triggers page breaks in print.
Build Command
node scripts/build.js input.md output.html
Requires: npm install markdown-it highlight.js
The CSS file must be in the same directory as the output HTML (or adjust the path in build.js).
Markdown Format
Follow CommonMark spec. See references/commonmark-reference.md for syntax details.
Key patterns for slides:
## Slide Titlefor each slide heading---between slides- Fenced code blocks with language:
```typescript - Tables for side-by-side comparisons
> blockquotefor important callouts
Example Slide
## Component Architecture
Choosing the right pattern depends on your use case:
| Pattern | Best For | Complexity |
|---------|----------|------------|
| Simple | Static display | Low |
| Compound | Related controls | Medium |
| Headless | Full customization | High |
> Start simple, refactor when needed.
---