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, brand themes are built in, and an automatic 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 · ★ 2 · Web & Frontend · score 68

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. | | `assets/base.css` | The sheet engine and components. Never edited per document. | | `assets/themes/*.css` | `editorial` (default), `warm`, `dark`. Colours and fonts only. | | `scripts/print.mjs` | HTML → PDF, quality check and one PNG per 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 proposals shown on a screen. - Theme: a built-in one, or the user's brand. For a brand, copy `assets/themes/editorial.css` next to the document, change colours and fonts (`node scripts/fonts.mjs "Family:axes"`), keep the variable names. ### 2. Sheet plan — show it to the user before building |