wollner-design

Generate production-ready slide decks from a 40-rule design framework.

1|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/vsaraceni/wollner-design --skill wollner-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wollner-design
Source: https://github.com/vsaraceni/wollner-design/tree/main
Command: npx skills add https://github.com/vsaraceni/wollner-design --skill wollner-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, pptxgenjs, colorthief, node-html-parser, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Wollner's method is a rigorous system for producing slide decks; this skill encodes that method so teams can generate consistent, production-ready presentations without bespoke design work.

Core Features & Use Cases

  • Brand diagnosis — extracts palette, typography and tone from a URL, visual reference, or interview
  • Declarative system — declare module, grid and type scale once; everything else follows automatically
  • HTML → PNG → PPTX pipeline — fast visual loop (screenshots in 3 seconds) before generating the final binary
  • Two-layer validation — method audit (grid, module, proportions) + robustness audit (no text breaks, consistent radii, harmonic spacing)
  • Professional output — 16:9 PPTX up to 100 slides, modular typography, 3-color palette, elementary geometry

Quick Start

Run the interview and configuration, then run the four scripts in sequence to generate slides, preview thumbnails, and build the final PPTX.

Frequently Asked Questions about wollner-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate consistent slide deck creation from a design system?

You can automate slide deck creation by declaring your modular grid, typography scale, and color palette once, then applying a structured pipeline that enforces design rules to generate consistent PPTX files automatically.

What is the best way to convert HTML slides into a PPTX file?

The best way to convert HTML slides into a PPTX file is using an end-to-end Node.js pipeline that renders HTML to PNG screenshots for rapid visual validation, then compiles the final binary output.

Can I extract a brand color palette and typography automatically from a URL?

Yes, you can extract a brand color palette and typography automatically from a URL or visual reference using a brand diagnosis process that analyzes the provided source to determine tone and design tokens.

How do you validate presentation slides for layout consistency and typography errors?

You validate presentation slides using a two-layer audit system: a method audit checking grid, module, and proportions, and a robustness audit verifying no text breaks, consistent radii, and harmonic spacing.

Does the Node.js slide generation workflow support large corporate presentations?

Yes, the Node.js slide generation workflow supports large corporate presentations by producing professional 16:9 PPTX files up to 100 slides with modular typography and elementary geometry.

Do I need Playwright and Node.js to generate production-ready PPTX slides?

Yes, you need Playwright and Node.js because the workflow relies on an end-to-end pipeline using pptxgenjs and node-html-parser to render HTML screenshots and build the final binary output deterministically.