Deck Design PDF: Pixel-Perfect Slides for Agents

Where this fits

You're building an agent that needs to deliver a polished investor pitch or a product roadmap deck. The user drops a brief with metrics and a few bullet points, expecting a beautiful PDF they can share immediately. You can't afford to burn tokens on manual slide-by-slide layout or fight with coordinate math. That's where deck-design-pdf steps in: it turns a text brief into a pixel-perfect, print-ready PDF using familiar web technologies—HTML, CSS, Tailwind, Font Awesome, and even ECharts for data-heavy slides.

Why agents benefit

• Full design control via CSS: Agents can use Grid, Flexbox, gradients, and shadows to create responsive layouts that adapt to any slide size—no more guesswork with absolute positioning.
• Rich typography and icons out of the box: Google Fonts and Font Awesome 6 integrate inline, so agents can produce decks that look professionally designed without writing custom graphics.
• Data visualization without extra dependencies: ECharts 6 (SVG renderer) gives agents 21 chart types—line, bar, pie, scatter, and more—directly inside slides, perfect for quarterly reports or market analyses.
• Deterministic, high-fidelity output: Playwright renders HTML to PDF with pixel-perfect precision, ensuring the agent's design intent survives to the final file—no surprises from PowerPoint's rendering engine.
• Clear separation from editable decks: The skill's README explicitly distinguishes it from deck-design-ppt, so agents can choose based on whether the user needs editable slides or a polished, share-ready PDF.

Practical scenarios

Investor pitch deck generation

An agent receives a startup's key metrics, funding ask, and market size. It composes a 12-slide deck with gradient title slides, metric callouts, and a market growth chart—all rendered to a crisp PDF that the founder can send to VCs within minutes.

Quarterly business review (QBR) reports

Your agent pulls data from a CRM and builds a slide deck with revenue trends, churn rates, and customer satisfaction scores. Using ECharts, it creates interactive-looking SVG charts that remain sharp in the PDF, while CSS handles the layout for each KPI.

Technical architecture diagrams for workshops

A developer wants to present a system design to a team. The agent uses Font Awesome icons and CSS flexbox to build a clean architecture diagram slide, then adds annotation slides with code snippets—all in a single PDF that's easy to distribute before the meeting.

Add it to your agent workflow

Install the skill directly from the command line:

npx skills add appautomaton/presentation --skill deck-design-pdf

Then, in your agent's prompt, simply ask for a deck: "Create a 5-slide PDF deck summarizing these quarterly numbers, using the deck-design-pdf skill." The agent will take care of the rest—from structuring the content to rendering the final PDF. For more context on this skill and others, check out its OpenAgentSkill listing.

Compare before adopting

Before you commit, evaluate the skill against your needs:

• Quality signals: Check the GitHub repo's stars (54 currently) and recent commits—are issues being addressed? Does the README show clear usage patterns?
• Maintenance freshness: Look at the last update date. Web rendering dependencies (Playwright, ECharts) evolve quickly; a stale skill might break.
• Alternatives: If you frequently need editable decks, deck-design-ppt might be a better fit. Also consider whether your agent already has a PDF generation pathway—this skill is specifically for pixel-perfect, non-editable output.
• Workflow fit: Does your agent have access to a headless browser environment? The skill relies on Playwright, so ensure your runtime supports it.

Why it is worth tracking

This skill stands out because it leverages the entire web design ecosystem—CSS, fonts, icons, and charts—to produce decks that are visually superior to typical PPTX exports from agents. The project has a modest but focused community (54 stars), and its clear separation from the PPTX variant shows thoughtful API design. As agents increasingly need to deliver client-facing artifacts, the ability to generate high-fidelity PDFs on demand becomes a core capability. Keep an eye on this skill's release cadence and user feedback; when your agent needs to produce a deck that looks like it came from a design studio, this is the tool to evaluate first.