- Use three prompts and a Node script to generate consistent, high-quality reports and slides in your organization's brand.
- Step 1: Extract design tokens (colors, typography, spacing) from your website using an agent, and create a design-system.html file for verification.
- Step 2: Generate two HTML templates (report and slides) based on the design system, with print media queries and proper page sizes.
- Step 3: Create a Node.js script (render.js) using Puppeteer to convert markdown to PDF by injecting into the templates, and add hints to CLAUDE.md for easy reuse.
- The output is more professional and consistent than manual attempts in Word or Google Docs, and can be iterated via agent prompts.