Document design

Generate brand-consistent, print-ready HTML and PDF documents from templates.

359|61|Updated Dec 25, 2025

Search Tags:#typography #design #branding #templates #CSS #PDF #print

Ready to run

npx skills add https://github.com/jamditis/claude-skills-journalism --skill document-design

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: Document design
Source: https://github.com/jamditis/claude-skills-journalism/tree/main/pdf-playground/skills/document-design
Command: npx skills add https://github.com/jamditis/claude-skills-journalism --skill document-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Document design automates the creation of professional, print-ready HTML documents that export to PDF, ensuring brand-consistent layouts without manual formatting.

Core Features & Use Cases

Brand-driven templates: reads brand configuration from .claude/pdf-playground.local.md and applies colors, fonts, and typography.
Print-ready CSS patterns: provides ready-to-use CSS for 8.5in × 11in letter-size documents, margins, typography, and page layout.
Template-based workflows: supports generating proposals, reports, newsletters, slides, and event materials with a consistent look.
Quick customization: adjust fonts, colors, and layout rules to match your organization's brand and print requirements.

Quick Start

Use the Document Design skill to configure a brand and generate a sample print-ready document (e.g., proposal.html) using the provided templates.

Frequently Asked Questions about Document design

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

FAQPage Schema

How do I generate print-ready PDF documents from HTML with brand styling?▼

To generate print-ready PDF documents, this Skill creates brand-consistent HTML files using CSS-based page layouts and typography rules, which can then be exported to PDF while maintaining brand fidelity.

Can I apply custom brand colors and typography to proposal templates?▼

Yes, you can apply custom brand colors and typography to proposal templates by configuring settings in a local brand file, which the Skill reads to automatically style your documents.

What is the best way to automate layout for letter-size print materials?▼

The best way to automate layout for letter-size print materials is using template-driven workflows that apply pre-configured CSS patterns for 8.5in × 11in dimensions, margins, and typography.

Does this approach support generating newsletters and slides, or just reports?▼

This approach supports generating newsletters and slides, alongside proposals, reports, and event materials, by using template-driven workflows to ensure a consistent visual look across all formats.

How do I configure fonts and layout rules for print-ready CSS?▼

You configure fonts and layout rules for print-ready CSS by adjusting the brand configuration file, allowing you to quickly customize fonts, colors, and layout rules to match organizational requirements.