Chuyển PDF sang HTML
Biến file PDF thành một trang HTML độc lập, giữ nguyên hình ảnh, bảng biểu và thứ tự đọc — có thể kèm dịch sang ngôn ngữ khác.
Kỹ năng này làm gì
Dùng PyMuPDF để trích xuất có cấu trúc (khối văn bản kèm cỡ chữ, hình ảnh, đánh dấu ảnh trang trí), suy ra cấp tiêu đề từ cỡ chữ, rồi dựng thành một file HTML duy nhất tự chứa. Ảnh được nén và nhúng base64 nên chỉ cần một file là mở được ở bất cứ đâu.
Quy trình gồm 5 bước: trích xuất → xem trang render → (dịch) → dựng HTML → kiểm tra bằng Chrome headless. Bước "xem" và "kiểm tra" là chìa khóa cho độ trung thực: AI thực sự nhìn ảnh render để phát hiện lỗi font, bảng bị cắt hay ảnh thiếu.
Khi dịch, một Dynamic Workflow dịch song song từng trang, thống nhất thuật ngữ và tự viết chú thích cho biểu đồ. Quy tắc bắt buộc: giữ nguyên số liệu, tên riêng, không tự suy đoán tên người.
Lưu ý: PDF scan (không có lớp văn bản) cần OCR trước bằng
ocrmypdf. Bảng nhiều cột phức tạp sẽ mất đường lưới. Kết quả là bản dàn lại sạch sẽ để đọc, không phải bản sao từng pixel.
Phù hợp với ai
- Người muốn đọc báo cáo, luận văn, whitepaper trên điện thoại cho dễ chịu
- Người cần dịch PDF tiếng Anh sang tiếng Việt mà vẫn giữ nguyên biểu đồ
- Nhân viên văn phòng cần chia sẻ tài liệu chỉ bằng một file đính kèm
- Ai cần bản đọc có định dạng đẹp thay vì Markdown thuần
Ví dụ sử dụng
- Dịch báo cáo tiếng Anh: đưa file PDF 50 trang và yêu cầu "dịch sang tiếng Việt nhưng giữ nguyên biểu đồ" — nhận về một file HTML tiếng Việt còn đủ hình.
- Đọc trên điện thoại: chuyển bài báo khoa học chữ nhỏ thành HTML để đọc trên trình duyệt di động mà không phải zoom.
- Gửi tài liệu một file: hồ sơ sản phẩm nhiều ảnh được nhúng base64 thành một HTML duy nhất, gửi qua chat là xong.
· · · Hướng dẫn cài đặt · · ·
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
Cài vào Claude Code
Để Claude làm — dán câu dưới đây vào Claude Code
Hãy cài skill mình tìm thấy trên Claude Skill Mart. Copy thư mục daymade-docs/pdf-to-html từ repo GitHub daymade/claude-code-skills vào ~/.claude/skills/pdf-to-html/ của mình. Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.
Cài bằng lệnh thủ công
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/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Chuẩn bị: cài
uv(trình chạy Python) và Google Chrome hoặc Chromium để phục vụ bước kiểm tra hiển thị. - Tải mã nguồn: chạy
git clone https://github.com/daymade/claude-code-skills.gittrong terminal. - Tạo thư mục kỹ năng:
mkdir -p ~/.claude/skills - Sao chép kỹ năng:
cp -r claude-code-skills/daymade-docs/pdf-to-html ~/.claude/skills/ - Kiểm tra: khởi động lại Claude Code và nói "chuyển file PDF này sang HTML" — kỹ năng sẽ tự kích hoạt.
- Chạy lần đầu: cung cấp đường dẫn file PDF. Các thư viện Python (PyMuPDF, Pillow, numpy) sẽ được
uv run --withcài tự động.