html-to-pdf — скилл для Claude Code: что делает и как установить
Преобразует веб-страницы и HTML-разметку в PDF через безголовый Chrome с автоматическим определением RTL и поддержкой иврита.
npx skills add aviz85/claude-skills-library --skill html-to-pdf -a claude-codeЧто делает html-to-pdf
Скилл запускает Node.js-скрипт с Puppeteer для экспорта HTML в документы PDF. Движок Chrome обеспечивает точное отображение стилей CSS Grid, Flexbox, нестандартных шрифтов и клиентских скриптов. Скрипт сам распознаёт арабский текст и иврит, переключая направление письма, либо принимает флаг --rtl.
Встроена автоматическая подгонка контента. При небольшом переполнении до ~18% скрипт уменьшает кегль шрифта, чтобы уместить всё на один лист. Длинные документы делятся на страницы без разрезания строк таблиц или заголовков. Для подсчёта страниц запускается утилита pdfinfo из пакета poppler-utils. Если её нет, проверка просто пропускается.
Задавать фон напрямую для селекторов html или body нельзя, иначе браузер создаёт пустую страницу. Стили фона нужно переносить на внутренний контейнер верстки. Перед первым запуском требуется выполнить установку зависимостей через npm install внутри каталога скилла.
Какие задачи решает
- сохранить страницу по URL в PDF-документ с сохранением разметки
- сверстать отчёт на иврите или арабском с выравниванием справа налево
- уместить вёрстку на один печатный лист без ручного подбора шрифтов
- сконвертировать переданный в поток HTML-код в файл A4 или Letter
Примеры запросов агенту
- Сконвертируй локальный файл report.html в документ output.pdf формата Letter
- Сохрани страницу https://example.com в PDF с альбомной ориентацией
- Преврати invoice-he.html в PDF и принудительно включи режим RTL
Как установить html-to-pdf
1Через Skills CLI (Vercel)
npx skills add aviz85/claude-skills-library --skill html-to-pdf -a claude-code2Вручную: положить файлы
~/.claude/skills/html-to-pdf/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/html-to-pdf/
1Через Skills CLI (Vercel)
npx skills add aviz85/claude-skills-library --skill html-to-pdf -a codex2Вручную: положить файлы
.agents/skills/html-to-pdf/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add aviz85/claude-skills-library --skill html-to-pdf -a cursor2Вручную: положить файлы
.cursor/skills/html-to-pdf/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install aviz85/claude-skills-library html-to-pdf2Вручную: положить файлы
.github/skills/html-to-pdf/SKILL.md1Через Skills CLI (Vercel)
npx skills add aviz85/claude-skills-library --skill html-to-pdf -a gemini-cli2Командой платформы
gemini skills install https://github.com/aviz85/claude-skills-library --path skills/html-to-pdfВручную: положить файлы
.devin/skills/html-to-pdf/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add aviz85/claude-skills-library --skill html-to-pdf -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Похожие
Рядом в теме «Тексты и документация»
Всё по теме «Тексты и документация» →Вопросы о html-to-pdf
Как установить html-to-pdf в Claude Code?
Выполните команду npx skills add aviz85/claude-skills-library --skill html-to-pdf -a claude-code. После этого перейдите в папку cd ~/.claude/skills/html-to-pdf и запустите npm install.
Что делает скилл html-to-pdf?
Он передаёт HTML-код, файлы или веб-страницы в headless Chrome через Puppeteer для печати в PDF. Инструмент поддерживает веб-шрифты, современные свойства CSS и корректно отображает языки с направлением RTL.
Почему в готовом PDF появляется лишний пустой лист?
В Chrome фоновые стили на тегах html или body приводят к созданию второй страницы. Перенесите фоновые цвета и градиенты на внутренний элемент .container с фиксированными размерами.
