# Vibe Resume Editor

> Use when editing the VibeResume / Vibe 简历 template, converting resume facts and target roles into a polished HTML resume, preserving one-page web-to-PDF export, and validating the generated PDF.

- Skill: `tomevault-io/vibe-resume-editor` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/vibe-resume-editor`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/vibe-resume-editor/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/vibe-resume-editor

---


# VibeResume Editor

## Purpose

Use this skill to help a user maintain a resume in the VibeResume template. The source of truth is `index.html` plus `styles.css`; the PDF is generated by `scripts/export-pdf.mjs`.

## Core Rules

- Keep the resume credible and specific. Do not invent degrees, employers, dates, awards, metrics, or project claims when editing a real resume.
- Preserve the one-page PDF goal unless the user explicitly asks for multiple pages.
- Prefer concise, formal resume wording with strong verbs, concrete scope, and measurable outcomes.
- Keep the existing semantic HTML structure unless a section truly needs to be added or removed.
- Keep visual edits scoped to `styles.css`, and preserve the screen-to-PDF export mechanism.
- Treat company/project logos as optional. Use SVG/vector icons when useful, but keep text-only names when no suitable asset is available.
- LobeHub Icons is a good source for optional SVG assets: `https://lobehub.com/icons`.

## Demo And Easter Egg Policy

For template/demo mode:

- Treat the profile, education, roles, project details, dates, contact data, awards, and skills as mock content.
- The avatar at `assets/avatar.png` is AI-generated and should be described that way in docs.
- Huawei and Bilibili company names are retained as easter eggs only; label them with `（仅为示例演示）`, and keep the internship details under them mock.
- Demo company logos are optional local SVG assets under `assets/logos/`; remove or replace them if they would misrepresent a real resume.
- MiniCode may remain as a real open-source easter egg: `https://github.com/LiuMengxuan04/MiniCode`.

For personal-resume mode:

- Replace mock personal details with user-provided facts.
- Ask for missing high-impact facts only when they are necessary; otherwise use placeholders that are visibly marked.
- Remove or replace easter eggs if they would misrepresent the user's experience.

## Editing Workflow

1. Inspect `index.html`, `styles.css`, `README.md`, and `scripts/export-pdf.mjs`.
2. Identify whether the task is demo/template maintenance or a real personal resume.
3. Update resume content in `index.html`.
4. Adjust spacing, width, typography, and density in `styles.css` only when needed.
5. For logos, ask whether the user wants them. If yes, use a user-provided SVG/link/upload, or search LobeHub Icons when browsing is allowed. Store downloaded assets in `assets/logos/` and reference local files.
6. Keep links, email, phone, and visible labels consistent.
7. Run the PDF export.
8. Verify the PDF is one page and contains all major sections.

## Export And Validation

Use:

```bash
npm install
npm run export:pdf
```

Then check:

```bash
pdfinfo export/vibe-resume-demo.pdf
pdftotext export/vibe-resume-demo.pdf -
```

Validation expectations:

- `pdfinfo` reports `Pages: 1`.
- The PDF text includes profile, education, internships, projects, and skills.
- No important section is clipped or missing.
- The generated PDF visually matches the browser page closely because the exporter uses Chromium screen layout.

## Useful User Prompts

```text
把这份模板改成我的算法实习简历，保持一页 PDF，突出模型部署、推理优化和工程落地。
```

```text
根据这个 JD 调整我的项目经历，把关键词自然融入简历，但不要编造没有做过的事情。
```

```text
这个 PDF 底部留白太大，帮我微调页面宽度、字号和间距，保持网页预览和 PDF 一致。
```

---
> Source: [LiuMengxuan04/vibe-resume](https://github.com/LiuMengxuan04/vibe-resume) — distributed by [TomeVault](https://tomevault.io).
<!-- tomevault:4.0:skill_md:2026-06-19 -->

