https://github.com/saleem-hadad/presentation-slides
Create warm beautiful slides using Claude's presentation skill
https://github.com/saleem-hadad/presentation-slides
claude claude-code slides
Last synced: 17 days ago
JSON representation
Create warm beautiful slides using Claude's presentation skill
- Host: GitHub
- URL: https://github.com/saleem-hadad/presentation-slides
- Owner: saleem-hadad
- License: mit
- Created: 2026-04-13T22:34:30.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-04-13T23:07:24.000Z (2 months ago)
- Last Synced: 2026-05-25T00:37:40.968Z (28 days ago)
- Topics: claude, claude-code, slides
- Language: Shell
- Homepage:
- Size: 16.6 KB
- Stars: 4
- Watchers: 0
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Presentation Slides
Warm, playful HTML presentations with a hand-crafted feel. Supports RTL.
Zero dependencies. Single HTML files. No build tools.
https://github.com/user-attachments/assets/0acc8344-9817-47e8-8965-243a867d3932
## Style
One locked-in aesthetic — not a theme picker. Every presentation follows the same warm design:
- **Warm light backgrounds** (cream, soft pink, light green, light blue, yellow)
- **Marker highlights** behind key words (pink, green, red)
- **Dashed purple borders** on cards and stat boxes
- **Wavy SVG decorations** and hand-drawn question marks
- **One idea per slide** — big text, few words
- **5+ languages** — English, Arabic (RTL), French, Spanish, German
## Install
### As a Claude Code plugin
```bash
/plugin marketplace add saleem-hadad/presentation-slides
/plugin install presentation-slides@presentation-slides
```
### As a project skill
Copy the files into your project's `.claude/skills/presentation-slides/` directory.
## Usage
Then use it by typing /presentation-slides in Claude Code.
Or ask Claude to create a presentation:
```
"Create slides about building SaaS products"
"Make a pitch deck for my startup"
```
Claude will ask about purpose, length, language, and content — then generate a single HTML file.
## Files
| File | Purpose |
|------|---------|
| `SKILL.md` | Core skill — phases, rules, and workflow |
| `html-template.md` | Design system, components, JS, and language config |
| `viewport-base.css` | Mandatory responsive CSS for viewport fitting |
| `animation-patterns.md` | Animation system reference |
| `scripts/deploy.sh` | Deploy to Vercel for a live URL |
| `scripts/export-pdf.sh` | Export slides to PDF |
## Share & Export
After generating:
- **Live URL**: `bash scripts/deploy.sh my-slides.html` — shareable link on any device
- **PDF**: `bash scripts/export-pdf.sh my-slides.html` — static snapshot for email/print
- **Compact PDF**: `bash scripts/export-pdf.sh my-slides.html output.pdf --compact` — smaller file
## License
MIT