How does the live preview work?

The skill uses a browser automation script to capture screenshots of the HTML template, allowing you to see visual changes in real-time before generating the final PDF.

Is it suitable for financial documents?

Absolutely; the system includes specialized CSS for clean, professional budget tables and financial summaries with iterative editing capabilities.

Can I use my own brand colors?

Yes, the skill supports custom CSS root variables for colors and integrates Google Fonts to maintain strict brand consistency across all documents.

How do I save and share my reports?

You can generate the PDF to your local filesystem or use the built-in Python integration to upload files directly to specific Google Drive folders.

What engine is used to generate the PDFs?

It utilizes headless Chromium to ensure accurate rendering of modern CSS, @page rules, and print-ready 8.5" x 11" layouts.

Professional PDF Design & Reporting

Name: Professional PDF Design & Reporting
Author: jamditis

byjamditis

•

デザインツール

Generates and iterates on professional-grade PDF reports and funding proposals using HTML/CSS templates and live previews.

The PDF Design skill transforms Claude into a specialized document designer for creating high-quality, print-ready reports and proposals. It utilizes a robust HTML/CSS design system—specifically tailored for journalism and non-profit branding—to produce 8.5" x 11" PDFs via headless Chromium. Users can benefit from an interactive workflow that includes live screenshot previews, page-specific editing, budget table formatting, and direct integration for uploading finished documents to Google Drive, ensuring brand consistency and professional typography throughout the production process.

主な機能

01Specialized templates for funding proposals, impact reports, and budgets

02Direct Google Drive integration for seamless document sharing and storage

03Automated PDF generation using headless Chromium for print-ready output

04Interactive live previewing via screenshots of current document state

05Brand-consistent styling with pre-configured color palettes and typography

0641 GitHub stars

ユースケース

01Generating recurring program impact reports with standardized branding

02Creating high-impact funding proposals for journalism grants and non-profits

03Designing professional budget summaries and financial breakdowns for stakeholders

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jamditis/claude-skills-journalism pdf-design

For use in Claude.ai and ChatGPT

Download Skill