skills.rest
jamditis
jamditisCOMMUNITY
Explore all skills by this author →
Website𝕏@jsamditisGitHub

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
One-click install
npx skills add https://github.com/jamditis/claude-skills-journalism --skill document-design
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
CinderZhangCinderZhang
3

represent-tokens

Define product design tokens for colors and typography using Tailwind CSS and Google Fonts.

Community
Basic
Ricardo-VaeRicardo-Vae

pandoc

Convert documents between Markdown, DOCX, PDF, HTML, and LaTeX formats.

Community
Intermediate
bandofaibandofai
3

Invoice Generation Skill

Generates invoices with tax calculations and ASC 606 revenue recognition.

Community
Intermediate
MOODMNKY-LLCMOODMNKY-LLC

nano-pdf

Edit specific PDF pages using natural language commands via the nano-pdf CLI.

Community
Intermediate