Back to Skills

presentation-generator

Generate interactive HTML presentations with neobrutalism styling, ASCII art decorations, and Agency brand colors. Outputs HTML (interactive with navigation), PNG (individual slides via Playwright), and PDF. References brand-agency skill for colors and typography. Use when creating presentations, slide decks, pitch materials, or visual summaries.

17stars1forksUpdated 2/21/2026

Security Assessment

Safe(100/100)
Security Score100/100

About presentation-generator

The 'presentation-generator' skill allows users to create visually appealing, interactive presentations in the neobrutalism style, using Agency brand colors. It helps solve the problem of creating stylish presentations without requiring manual design effort. Users can generate presentations with smooth navigation and high-quality exports in HTML, PNG, and PDF formats, making it a versatile tool for various presentation needs. This skill seamlessly integrates with the 'brand-agency' skill for consistent typography and color styling, ensuring brand guidelines are met effortlessly.

With a variety of slide types, such as title, content, code, and stats slides, users can design engaging, dynamic presentations tailored to their specific needs. The interactive HTML format features smooth scrolling navigation and keyboard support, while the PNG and PDF export options provide flexibility for sharing or printing. This skill is ideal for creating pitch materials, visual summaries, or slide decks that need to stand out with minimal effort. The integration of ASCII art adds a unique, tech-savvy touch to the design, making it particularly suitable for tech or developer-focused presentations.

FAQ

How do I generate a presentation from my content?

You can generate a presentation from your JSON or YAML content by running the command: `node scripts/generate-presentation.js --input content.json --output presentation.html`.

Can I export individual slides as images?

Yes, you can export individual slides as PNG images using Playwright with the command: `node scripts/export-slides.js presentation.html --format png --output ./slides/`.

Can I export my presentation as a PDF?

Yes, you can export your entire presentation as a PDF document using the command: `node scripts/export-slides.js presentation.html --format pdf --output presentation.pdf`.

What slide types are available?

The available slide types include Title Slide, Content Slide, Two-Column Slide, Code Slide, Stats Slide, Task Grid Slide, ASCII Art Slide, and Image Slide.

What is the required environment to use this skill?

The skill requires Node.js to run the scripts for generating presentations and exporting slides. Additionally, Playwright is needed for exporting slides as PNG or PDF.

Install presentation-generator

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill