pdf-designlisted

Makes PDFs that look designed, not like a printed website — client reports, proposals, one-pagers, dossiers and slide decks where every page is composed as a whole, full-bleed, with no white frame and no half-empty pages (A4 portrait, A4 landscape or 16:9). Text stays vector and selectable, six themes are built in, any brand you already have (a DESIGN.md, a tokens.json, a CSS file or a live URL) becomes a theme automatically, and a quality check measures every page and renders a PNG of each one so the agent can review its own work before delivering. Use when the user asks for a PDF, a report, a proposal, a deck or presentation as PDF, a brochure, a one-pager, "make this look professional", or says the PDF "looks like a web page".
Georgi45/pdf-design · ★ 4 · Web & Frontend · score 70

Install: claude install-skill Georgi45/pdf-design

# pdf-design — PDFs with designed pages Goal: a PDF that looks like it came out of a layout program, not a printed web page. **Every sheet is designed as a whole. Nothing flows from one sheet to the next.** ## Files in this skill Paths are relative to the folder that contains this `SKILL.md`. | File | What for | |---|---| | `references/rules.md` | Print design rules and how much fits on a sheet. **Read before planning.** | | `references/page-types.md` | Catalogue of sheet layouts and components, with HTML. | | `references/themes.md` | The six themes, and how to turn a brand you already have into one. **Read before choosing a theme.** | | `assets/base.css` | The sheet engine and components. Never edited per document. | | `assets/themes/*.css` | `poster`, `gallery`, `ledger`, `archive`, `product`, `stage`. Each one carries colour, type **and** layout. | | `scripts/print.mjs` | HTML → PDF, quality check and one PNG per sheet. | | `scripts/brand.mjs` | A DESIGN.md, tokens.json, CSS, HTML page or URL → a theme, a contrast audit and a preview sheet. | | `scripts/fonts.mjs` | Downloads a Google Font for a new theme. | Complete examples live in the repository's `examples/` folder (`report-a4.html`, `deck-16-9.html`). ## Workflow ### 1. Brief Take what the conversation already says; ask only what is missing: - What the document is, who reads it, and what it must make them do (decide, sign, act). - Format: **A4 portrait** for reports that are read. **16:9** (or A4 landscape) for