PDF to Readable HTML
Convert a PDF into one self-contained, readable HTML file that preserves images, tables, charts, and reading order — optionally translating it while keeping every figure intact.
You just want to read a dense PDF comfortably on your phone, or translate it without losing the charts. This playbook turns it into one portable, image-faithful HTML page.
Who it's for: readers, researchers, students, knowledge workers
Example
"Make this PDF readable on my phone, in English" → One self-contained HTML file with images, tables, and charts preserved, translated and visually verified
CLAUDE.md Template
New here? 3-minute setup guide → | Already set up? Copy the template below.
npx ccplaybooks add pdf-to-html# PDF to HTML
Turn a PDF into a single, self-contained, readable HTML file — images, tables,
charts and reading order preserved — and optionally translate it, keeping every
figure in place.
The pipeline is **extract → look → (translate) → build → verify**. The middle
"look" and final "verify" steps are where faithfulness actually comes from: a PDF
is a layout, not just a text stream, so you read the rendered pages before
building and the rendered HTML before delivering.
This skill runs **inline** (no `context: fork`): translation orchestrates aGet new playbooks like this one
One email a week with new Claude Code workflows. Free, like everything here.
No spam. Unsubscribe anytime.
What This Does
Convert a PDF into one self-contained, readable HTML file that preserves images, tables, charts, and reading order — optionally translating it while keeping every figure intact.
What's Inside
The template covers:
- When to use / not use
- What it does NOT do
- Dependencies
- Workflow
- Scripts
- Fidelity (read before translating)
Quick Start
Step 1: Create a Project Folder
Make a dedicated folder for this workflow and open it in Claude Code.
Step 2: Download the Template
Click Download above to save the template, then drop it into your project as CLAUDE.md (or paste it into your existing one).
Step 3: Start Working
Tell Claude what you need in plain language — it will follow the template's workflow automatically. For example:
Make this PDF readable on my phone, in English
Claude reads the template and runs the steps for you.