yanliudesign
resume-builder-skill
HTML✨ New

Claude skill for generating and beautifying resumes — 11 print-ready HTML templates, structured data pipeline, three entry flows (beautify / LinkedIn import / chat interview).

Last updated Jul 6, 2026
16
Stars
5
Forks
0
Issues
+16
Stars/day
Attention Score
37
Language breakdown
No language data available.
Files click to expand
README

中文 · English

📄 Resume Skill


One resume data schema, eleven print-ready templates.

License [Version]() [Templates]() Stars

Claude Code [Codex]() [OpenCode]() [OpenClaw]() [Hermes]()

📦 Part of the offer-toolkit-skill — the full job-hunt bundle (JD · Resume · BQ). Install the bundle to get all three in one shot.

An agent skill that polishes an existing resume, pulls one in from LinkedIn, or builds one from scratch by chatting with you. Every input funnels through one standardized data schema and then renders into any of 13 print-ready templates — switching templates is just a skin change, the content stays the same.

Thirteen print-ready resume templates rendered from one data schema


Three entry points

| What the user says | Flow | Script | |---|---|---| | "Beautify my resume" / uploads a PDF/docx/txt | A. Beautify an existing resume | prompts/beautify.md | | "Here's my LinkedIn" / pastes a linkedin.com link | B. LinkedIn import | prompts/linkedin-import.md | | "Build me one from scratch" / "let's chat" | C. Conversational build | prompts/interview.md |

All three funnel into schema/resume-data.md, then render through a template.

Thirteen templates

| Preview | Template | Best for | |:---:|---|---| | | Classic / ATS
classic-ats.html | Single-column, machine-parseable, safest for mass applications | | | Ledger
ledger.html | LaTeX-style serif, justified, nested bullets — SWE / data / eng | | | Tech Compact
tech-compact.html | High density + mono accents, fits many projects on one page | | | Modern Sidebar
modern-sidebar.html | Two-column with dark sidebar, modern feel | | | Pillar
pillar.html | Enhancv-style, blue accents + skill chips + icon achievements — PM / marketing | | | Elegant Serif
elegant-serif.html | Centered editorial serif — design / consulting / marketing | | | Atelier
atelier.html | Whitespace-heavy minimal — design / creative roles | | | Timeline
timeline.html | Vertical timeline spine — shows career progression at a glance | | | Swiss
swiss.html | Swiss grid, bold Helvetica + red accent — design / brand / creative | | | Executive
executive.html | Navy serif, understated gravitas — finance / consulting / senior leaders | | | Editorial Banner
editorial-banner.html | Magazine-style 3-col header, red serif accent, giant last-name band at the bottom — brand / content / editorial | | | Photo Corporate
photo-corporate.html | Dark banner + circular photo, sidebar with skill bars, vertical timeline, References section — marketing / PM / business | | | Photo Minimal
photo-minimal.html | Red-accent split serif name, circular photo, Awards + Skills sidebar — designer / creator / portfolio |

Picking one: mass-applying / passing the bots → Classic-ATS or Ledger; a human reads it / referral / portfolio-facing → the others stand out more.

Three first principles

  • Never fabricate. Every experience, responsibility and number comes from what the user actually provided. Guide, probe, sharpen weak bullets — but never invent a company, title, result, or metric. Verify every number; mark unknowns [to confirm].
  • One question at a time. Building a resume by conversation is an interview, not a questionnaire.
  • Structure first, render second. Whatever the entry point, organize content into the schema/resume-data.md fields and confirm it before rendering HTML.

Editable variant — click any text to edit

Every render produces two files:

| File | Use | |---|---| | <name>-resume-<template>.html | Locked print-ready output — Cmd+P → PDF | | <name>-resume-<template>-editable.html | Click any text in the browser to edit; Cmd+P when done |

The editable variant layers three things on top of any template (see prompts/editable-version.md) without touching its visual design:

  • c on the content container
  • Hover / focus affordance (dashed yellow → solid blue outline)
  • A floating toolbar (top-right) with Save as PDF and Lock buttons
  • @media print hides the toolbar and edit highlights so the exported PDF stays clean
⚠️ Browser edits live only in the current tab — refresh and they're gone. Always Cmd+P to lock changes into a PDF.

Usage

Drop the whole resume-skill/ folder into your skills directory (e.g. ~/.claude/skills/resume-skill/) and just say "beautify this resume" (attach a PDF), "I have no resume, let's build one", or "here's my LinkedIn, make me one." Claude reads SKILL.md and runs the matching flow.

Output: two self-contained single-file HTMLs — <name>-resume-<template>.html (locked) and <name>-resume-<template>-editable.html (click-to-edit). Open either in a browser → Cmd+P → Save as PDF (margins None/Default, enable background graphics).

Layout

resume-skill/
├── SKILL.md                       # Workflow entry point (read first)
├── schema/resume-data.md          # Standardized fields — the hub format for every entry point
├── prompts/
│   ├── beautify.md                # Entry A: beautify an existing resume
│   ├── linkedin-import.md         # Entry B: LinkedIn import + fallback
│   ├── interview.md               # Entry C: conversational collection
│   └── editable-version.md        # Injection snippet that upgrades any render into a click-to-edit page
├── guides/writing-tips.md         # Bullet craft, quantification, ATS keywords, common mistakes
└── templates/                     # 13 print-optimized HTML templates

Related skills

License

MIT — fork it, remix it, ship your own version.

Created by Dreameryanyan · LinkedIn · X · Xiaohongshu

🔗 More in this category

© 2026 GitRepoTrend · yanliudesign/resume-builder-skill · Updated daily from GitHub