🎁 Get the FREE AI Skills Starter GuideSubscribe →
BytesAgainBytesAgain
🦀 ClawHub

Resume Html

by @tobewin

HTML-based resume generator with PDF export. Creates pixel-perfect resumes with advanced layouts, photo support, custom styling. Generates beautiful HTML res...

Versionv1.0.3
Downloads412
TERMINAL
clawhub install resume-html

📖 About This Skill


name: resume-html description: HTML-based resume generator with PDF export. Creates pixel-perfect resumes with advanced layouts, photo support, custom styling. Generates beautiful HTML resumes and exports to PDF. HTML简历、PDF简历、专业排版。 version: 1.0.2 license: MIT-0 metadata: {"openclaw": {"emoji": "📄", "requires": {"bins": ["python3"], "env": []}}} dependencies: "pip install playwright && playwright install chromium"

Resume HTML Generator

Create pixel-perfect HTML resumes with advanced layouts, photo support, and PDF export.

Features

  • 📄 HTML Output: Beautiful, editable HTML resumes
  • 📸 Photo Support: Automatic photo embedding
  • 🎨 Advanced Layouts: CSS Grid, Flexbox, custom styling
  • 📑 PDF Export: High-quality PDF output via Playwright
  • 🎯 Pixel-Perfect: Professional, print-ready design
  • 🌍 Multi-Language: Chinese and English presets
  • 🖥️ Cross-Platform: Windows, macOS, Linux
  • 🎨 10 Presets: 5 Chinese + 5 English styles
  • Presets Available

    Chinese (中文)

    | Style | Design | Best For | |-------|--------|----------| | 经典蓝 | Blue gradient header | 通用、职场 | | 极简白 | Clean, minimal | 简约、设计 | | 商务黑 | Dark professional | 金融、法律 | | 科技绿 | Green tech style | 互联网、科技 | | 学术紫 | Purple academic | 学术、研究 |

    English

    | Style | Design | Best For | |-------|--------|----------| | Silicon Valley | Modern left-aligned | Tech companies | | Academic | Traditional serif | Research | | Creative | Gradient sidebar | Design, creative | | Modern Dark | Dark header | Management | | Minimal | Simple centered | General |

    Trigger Conditions

  • "Create HTML resume" / "创建HTML简历"
  • "Generate PDF resume" / "生成PDF简历"
  • "Make a pixel-perfect resume" / "制作精美简历"
  • "resume-html"

  • How It Works

    User provides info
        ↓
    1. Generate HTML with CSS
        ↓
    2. Embed photo (optional)
        ↓
    3. Render in browser
        ↓
    4. Export to PDF
        ↓
    Output: resume.html + resume.pdf
    


    HTML Template Example

    
    
    
        
        
    
    
        
    {{name}}
    {{position}}
    📞 {{phone}} | 📧 {{email}} | 📍 {{location}}
    求职意向
    职位:{{target_position}} | 期望薪资:{{salary}}
    教育背景
    {{school}} {{education_year}}
    {{major}} - {{degree}}
    工作经历
    {{#each experience}}
    {{company}} {{duration}}
    {{position}}
      {{#each responsibilities}}
    • {{this}}
    • {{/each}}
    {{/each}}
    专业技能
    {{#each skills}}
    {{category}}
    {{items}}
    {{/each}}


    PDF Export

    from playwright.sync_api import sync_playwright

    def export_to_pdf(html_path, pdf_path): """Export HTML to PDF using Playwright""" with sync_playwright() as p: browser = p.chromium.launch() page = browser.new_page() page.goto(f'file://{html_path}') page.pdf(path=pdf_path, format='A4', margin={ 'top': '0mm', 'bottom': '0mm', 'left': '0mm', 'right': '0mm' }) browser.close() return pdf_path


    Usage Examples

    User: "Create a beautiful HTML resume"
    Agent: Generate HTML with CSS styling

    User: "生成PDF简历,包含照片" Agent: Generate HTML, embed photo, export PDF

    User: "做一个科技风格的简历" Agent: Use Modern style template


    Advantages Over Word-based Resume

    | Feature | Word | HTML → PDF | |---------|------|------------| | Photo embedding | ⚠️ Limited | ✅ Perfect | | Complex layouts | ❌ Tables only | ✅ CSS Grid/Flexbox | | Custom styling | ⚠️ Limited | ✅ Unlimited | | Print quality | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | | File size | Large | Small | | Editable | ✅ Yes | ✅ HTML editable |


    Notes

  • HTML provides pixel-perfect control
  • PDF export using Playwright
  • Photo embedding with base64
  • Cross-platform compatible
  • Professional, print-ready output
  • 📋 Tips & Best Practices

  • HTML provides pixel-perfect control
  • PDF export using Playwright
  • Photo embedding with base64
  • Cross-platform compatible
  • Professional, print-ready output