Render HTML/CSS/Tailwind slides into PDF decks using Playwright.
npx skills add https://github.com/appautomaton/presentation --skill deck-design-pdf
Please help me install this Agent Skill. Skill: deck-design-pdf Source: https://github.com/appautomaton/presentation/tree/main/deck-design-pdf Command: npx skills add https://github.com/appautomaton/presentation --skill deck-design-pdf
Creating consulting-quality PDF presentation decks traditionally requires expensive desktop software and manual formatting. This Skill automates the entire pipeline from strategic storyboard to pixel-perfect PDF, eliminating layout drudgery while preserving full design control.
Use the deck-design-pdf skill to render the attached build script strategy-update.js into a PDF deck saved as output/strategy.pdf.
High-intent search queries and answers about installing and using this skill.
You can generate pixel-perfect PDF presentation decks by building slides with HTML, CSS, and Tailwind, then using Playwright rendering to produce the final PDF output. This approach unlocks CSS Grid and web fonts for precise layout control.
Yes, you can create consulting-quality strategy decks without PowerPoint by rendering HTML source files into high-fidelity PDFs. This method supports firm-specific visual DNA and engagement archetypes for M&A, board updates, and investor roadshows.
To include responsive charts like waterfalls and driver trees in a PDF deck, you use 46 built-in ECharts exhibit templates. These templates scale across canvas sizes with token-driven typography during the Playwright rendering process.
Yes, you need Node.js and local vendored assets including ECharts and Font Awesome to run the build script. The script calls createDeck() with your palette, tier, and slide HTML arrays to render the PDF.
The best way to automate the transition from storyboard to final PDF is using a build script that defines slide HTML arrays, firm-specific palettes, and engagement archetypes. Playwright then renders the HTML source into a pixel-perfect PDF deck.
Using web technology for presentation deck rendering requires a local Node.js environment and vendored assets. You must write HTML arrays and call a build script rather than using a visual editor, which limits drag-and-drop formatting capabilities.
BLSQBuild interactive dashboards with GridStack, ECharts, and Tailwind CSS.
Victory-HugoConvert PDF, DOCX, PPTX, XLSX, and other documents to Markdown.
fusengineConstruct responsive layouts using Tailwind CSS v4.1 utility classes.
thanhquan3010Generate and edit .pptx slide decks using PptxGenJS and Python scripts for rendering and validation.
