PDF to HTML
Converts a PDF into one self-contained, readable HTML file preserving images, tables, charts and reading order — with optional translation.
Docs & OfficeIntermediate★ 1,323⑂ 212AI score 10/10Last updated: Aug 8, 2026
What it does
- Extracts PDF structure with PyMuPDF: text blocks with font sizes, images (flagged decorative or not), plus a PNG render of every page.
- Infers heading levels from font size, drops decorative images, and inlines content images as compressed base64 → a single portable HTML file.
- Optionally translates into another language via a parallel per-page workflow that keeps terminology consistent and captions data charts.
- Requires a mandatory headless-Chrome visual verification pass: rendered PNG segments are read back to catch tofu fonts, clipped tables and missing figures.
- Documents hard fidelity rules from past failures — never invent translated names for real people, copy every number and proper noun verbatim.
Who it's for
- Anyone who wants to actually read a dense report or paper on a phone or browser
- Teams translating foreign-language PDFs without losing charts and tables
- People who need a shareable one-file document instead of a folder of assets
Examples
- "Translate this English whitepaper into Chinese but don't lose the charts" → translated HTML with figures intact
- "Make this 40-page report readable on my phone" → one self-contained HTML with inlined images
- "Convert this academic paper to HTML keeping figures and tables" → decorative art stripped, content figures preserved
· · · Install guide · · ·
Try it now, no install
Paste this into Claude to use the skill without installing anything.
Read the instructions in this file and follow them to help me: https://raw.githubusercontent.com/daymade/claude-code-skills/HEAD/daymade-docs/pdf-to-html/SKILL.md What I want: (describe your task here)
If Claude can't open the link, open it yourself and paste the contents instead.
↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.
Install in the Claude app (no terminal)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Install in Claude Code
Let Claude do it — paste this into Claude Code
Install the skill I found on Claude Skill Mart. Copy the daymade-docs/pdf-to-html folder from the GitHub repo daymade/claude-code-skills into my ~/.claude/skills/pdf-to-html/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/daymade/claude-code-skills.git && mkdir -p ~/.claude/skills && cp -r claude-code-skills/daymade-docs/pdf-to-html ~/.claude/skills/⚠ This is a third-party skill. Check the source repository before installing.
- Install
uvand Google Chrome (or Chromium) first. Install uv withcurl -LsSf https://astral.sh/uv/install.sh | sh. - Clone the repository:
git clone https://github.com/daymade/claude-code-skills.git - Create the skills folder:
mkdir -p ~/.claude/skills - Copy the skill in:
cp -r claude-code-skills/daymade-docs/pdf-to-html ~/.claude/skills/ - Restart Claude Code and ask something like "turn this PDF into an HTML page" to trigger it.
- For scanned, image-only PDFs, run
ocrmypdffirst to add a text layer.
View source on GitHub ↗License: MIT