메뉴
Export HTML files to PDF using Playwright with mobile emulation and custom viewport settings. Use this skill when the user asks to convert HTML to PDF, export presentations to PDF, or generate PDF documents from web pages.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | html-to-pdf |
| description | Export HTML files to PDF using Playwright with mobile emulation and custom viewport settings. Use this skill when the user asks to convert HTML to PDF, export presentations to PDF, or generate PDF documents from web pages. |
Export HTML files (local or URLs) to PDF using Playwright with configurable viewport and mobile emulation.
Use the provided script to export HTML to PDF:
uv run {baseDir}/scripts/export_to_pdf.py input.html output.pdf
Export urls:
uv run {baseDir}/scripts/export_to_pdf.py https://example.com output.pdf
@media (max-width: 768px) breakpoint)scrollHeightDefault wait: 10 seconds after network idle
Adjust for heavy JS/animations:
# In export_to_pdf.py, modify:
page.wait_for_timeout(15000) # 15 seconds
Install Playwright:
pip install playwright
playwright install chromium
Already handled by injecting:
body {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
The script auto-detects page height. If issues persist:
Increase wait time in script:
page.wait_for_timeout(15000) # or more
See scripts/export_to_pdf.py for the complete implementation. The script is self-contained and can be used directly from the command line or imported as a module.
Search the web using Baidu AI Search Engine. Use for live information, documentation, or research topics.
Automatically optimize and split large files that exceed 600 lines. Use when a file is too large (over 600 lines), when you need to decouple a monolithic module, when a .tsx/.ts or .py file has mixed concerns (types, utils, hooks/components, CLI handlers, formatters), or when splitting a screen component or service module into smaller files. Applies to React/TypeScript frontends and Python backend modules.
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
Use when you need a placeholder description. Replace with what the skill does and when an agent should trigger it.
Use when generating images with Aliyun Bailian or DashScope Qwen-Image APIs, especially when you need region-aware HTTP calls, async task polling, or downloading temporary image URLs.
Create and manage Python backend services using uv, FastAPI, Pydantic, SQLAlchemy, and AI libraries. Use this skill when the user asks to build a backend, API, or server-side application.