Design & media

Resume Html

Try it

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

What it does

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

The skill document

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 (中文)

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

English

StyleDesignBest For
Silicon ValleyModern left-alignedTech companies
AcademicTraditional serifResearch
CreativeGradient sidebarDesign, creative
Modern DarkDark headerManagement
MinimalSimple centeredGeneral

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

<!DOCTYPE html>


    
    


    
        <!-- Photo (optional) -->
        <!--  -->
        
        
            {{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

FeatureWordHTML → PDF
Photo embedding⚠️ Limited✅ Perfect
Complex layouts❌ Tables only✅ CSS Grid/Flexbox
Custom styling⚠️ Limited✅ Unlimited
Print quality⭐⭐⭐⭐⭐⭐⭐⭐
File sizeLargeSmall
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

Related skills

Generate and edit Draw.io, Mermaid, and Excalidraw diagrams from natural language using a structured JSON spec.

by nssa.io1.0k installs47 stars

Find why your productivity system keeps failing, then apply the smallest fix — capacity math, bottleneck routing, durable local notes.

by Iván855 installs69 stars

Join a video meeting as an AI bot with voice, avatar, and screenshare across four operating modes.

by johnpatternai22 installs8 stars

Stores durable facts in a categorized, plain-markdown vault on disk, alongside your agent's built-in memory.

by Iván559 installs18 stars

Fetch raw ad creative, app, ranking, and revenue data from AdMapix as structured JSON.

by fly0pants4.3k installs296 stars

More from tobewin

Browse all skills

Generate editable PowerPoint decks from a JSON description with 11 slide layouts and 5 color themes.

by ToBeWin330 installs3 stars

Translate Word, PDF, Excel, PowerPoint, HTML, Markdown, and TXT files into another language while preserving the original layout.

by tobewin36 installs1 stars

Professional Excel spreadsheet generator. Use when user needs to create data tables, reports, charts, financial models, or any structured data in Excel forma...

by ToBeWin82 installs3 stars

中国新闻资讯聚合工具。Use when user wants to get latest news from Chinese sources. Supports multiple news sites (Sina, Sohu, NetEase, Tencent) via browser automation an...

by ToBeWin57 installs3 stars

Data analysis tool for Excel, CSV, Word, PDF, TXT, Markdown files. Use when user needs to analyze, summarize, or compare data from multiple files. Supports f...

by ToBeWin68 installs1 stars

Marketing plan generator with web research and Word output. Use when user needs to create marketing plans, promotional campaigns, social media strategies. Fe...

by ToBeWin31 installs1 stars