vibe-resume-editor

name	vibe-resume-editor
description	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.

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:

npm install
npm run export:pdf

Then check:

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

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

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

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