[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-84136":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":12,"stars30d":12,"stars90d":14,"forks30d":14,"starsTrendScore":16,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":9,"trendingCount":14,"starSnapshotCount":14,"syncStatus":15,"lastSyncTime":25,"discoverSource":26},84136,"vibe-resume","LiuMengxuan04\u002Fvibe-resume","LiuMengxuan04","make your resume by vibe-coding！",null,"HTML",108,6,101,0,2,10,2.54,"MIT License",false,"main",true,[],"2026-06-12 02:04:38","# VibeResume · Vibe 简历\n\n[![License: MIT](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-green.svg)](LICENSE)\n[![Node.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fnode-%3E%3D18-339933?logo=node.js&logoColor=white)](package.json)\n[![Web to PDF](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fweb--to--PDF-Chromium-2563eb)](scripts\u002Fexport-pdf.mjs)\n[![Vibe Coding](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvibe-coding-ff69b4)](#像-vibe-coding-一样编辑简历)\n[![AI Editable](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAI-editable-7c3aed)](skills\u002Fvibe-resume-editor\u002FSKILL.md)\n[![Open Source](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fopen-source-111827)](https:\u002F\u002Fgithub.com\u002FLiuMengxuan04\u002Fvibe-resume)\n\n> 像 vibe coding 一样编辑你的简历：告诉 AI 你想怎么改，它直接修改网页简历，再一键导出为 PDF。\n\nVibeResume 是一个 **AI 友好、网页优先、可导出 PDF 的简历模板**。你不需要在 Word、LaTeX 或浏览器打印预览里反复对齐版式；把简历维护成 `HTML + CSS`，让 AI 帮你改内容和排版，然后用脚本把网页看到的布局稳定导出成一页 PDF。\n\n[English](#english)\n\n![VibeResume generated resume preview](assets\u002Fpreview.png)\n\n- 示例网页：打开 `index.html`\n- 示例 PDF：[export\u002Fvibe-resume-demo.pdf](export\u002Fvibe-resume-demo.pdf)\n- AI 使用说明：[skills\u002Fvibe-resume-editor\u002FSKILL.md](skills\u002Fvibe-resume-editor\u002FSKILL.md)\n\n## 为什么做这个项目\n\n传统简历维护经常卡在三个地方：\n\n- 简历内容想让 AI 改，但 Word \u002F PDF 不适合 AI 直接编辑。\n- 网页看起来正常，浏览器“打印成 PDF”后版式却错位。\n- 针对不同岗位微调简历时，内容、排版、PDF 导出很难形成稳定闭环。\n\nVibeResume 的思路是：**把网页作为简历源文件，把 AI 当作编辑器，把 PDF 当作构建产物。**\n\n## 核心特点\n\n- **像 vibe coding 一样编辑简历**：直接告诉 AI 目标岗位、修改方向和版式要求，让它修改 `index.html` 与 `styles.css`。\n- **网页即源文件**：简历内容、布局、图标、链接都在静态 HTML\u002FCSS 中维护，天然适合 Git 版本管理。\n- **一键导出 PDF**：使用 Chromium 渲染网页的 `screen` 布局，动态测量 `.page` 高度，导出为单页 PDF。\n- **避免打印错位**：不依赖手动浏览器打印，不触发不可控的纸张边距、分页、缩放和 `@media print` 差异。\n- **AI 配套 Skill**：仓库内置 `vibe-resume-editor`，可以作为 Codex-style skill 即插即用。\n- **开源项目友好**：包含 README、License、示例 PDF、预览截图、导出脚本、依赖锁定和 mock 示例内容。\n\n## 快速开始\n\n安装依赖：\n\n```bash\nnpm install\n```\n\n本地预览：\n\n```bash\nnpm run preview\n```\n\n然后访问：\n\n```text\nhttp:\u002F\u002Flocalhost:4173\n```\n\n导出 PDF：\n\n```bash\nnpm run export:pdf\n```\n\n默认输出：\n\n```text\nexport\u002Fvibe-resume-demo.pdf\n```\n\n也可以指定输出路径：\n\n```bash\n.\u002Fexport-pdf.sh export\u002Fmy-resume.pdf\n```\n\n如果脚本找不到浏览器，可以手动指定 Chrome \u002F Chromium：\n\n```bash\nCHROME_PATH=\u002Fpath\u002Fto\u002Fchrome .\u002Fexport-pdf.sh\n```\n\n## 像 Vibe Coding 一样编辑简历\n\n推荐工作流：\n\n1. 把你的目标岗位、目标公司、简历语言、已有经历和想强调的能力告诉 AI。\n2. 让 AI 直接修改 `index.html`，把 mock 内容替换成你的真实简历。\n3. 让 AI 调整 `styles.css`，控制密度、字号、宽度、间距、图标和模块顺序。\n4. 在浏览器里预览，或者把截图发给 AI 继续微调。\n5. 运行 `npm run export:pdf`，检查 PDF 是否仍是一页、内容是否完整。\n6. 针对不同 JD 重复这个过程，形成多个岗位版本。\n\n示例 prompt：\n\n```text\n请基于这个模板帮我制作 AI Agent 工程实习简历。\n保持一页 PDF，突出 tool calling、RAG、Agent runtime、评测和工程化能力。\n语气正式，不要堆关键词，不要编造我没有做过的经历。\n```\n\n## AI Skill\n\n仓库内置一个 Codex-style skill：\n\n```text\nskills\u002Fvibe-resume-editor\u002FSKILL.md\n```\n\n安装到本机 Codex：\n\n```bash\nmkdir -p ~\u002F.codex\u002Fskills\ncp -R skills\u002Fvibe-resume-editor ~\u002F.codex\u002Fskills\u002F\n```\n\n新开一个 Codex 会话后可以直接说：\n\n```text\n使用 vibe-resume-editor skill，把这份 Vibe 简历改成我的真实后端开发实习简历，并导出一页 PDF。\n```\n\n如果你的 AI 工具不支持 Codex skills，也可以把 `SKILL.md` 的内容复制到对话中作为项目说明。\n\n## 示例内容声明\n\n这个仓库里的简历内容是模板演示用 mock 数据。\n\n- 姓名、学校、电话、邮箱、奖项、实习角色、项目描述、日期和技能均为虚构示例。\n- `assets\u002Favatar.png` 是 AI 生成头像，不是真实人物证件照。\n- 华为和哔哩哔哩公司名作为彩蛋保留，并在简历中标注 `（仅为示例演示）`；其下方实习内容不代表真实工作经历。\n- MiniCode 作为真实开源项目彩蛋保留：\u003Chttps:\u002F\u002Fgithub.com\u002FLiuMengxuan04\u002FMiniCode>。你可以替换成自己的开源项目、论文、产品或作品集。\n\n## 关联项目\n\nVibeResume 负责最后一公里：把简历内容维护成漂亮网页，并稳定导出 PDF。它可以和下面两个项目组成完整求职材料流水线：\n\n- [鼠鼠实习妙妙工具](https:\u002F\u002Fgithub.com\u002FLiuMengxuan04\u002Fshushu-internship-tool)：AI 驱动的实习项目准备工具包。它可以根据目标 JD 选择 GitHub 项目、审计代码仓库、规划运行路径、设计可面试改造点，并生成 STAR 简历项目、核心代码讲解、面试 Q&A 和展示材料。\n- [鼠鼠实习简历优化器](https:\u002F\u002Fgithub.com\u002FSunanzhe2004\u002Fshushu-internship-resume-optimizer)：面向实习材料的简历整理工具。它把代码仓库、项目总结和业务背景等散乱材料先做成果审计，再按目标 JD 排序，生成简历 bullet、项目总结、STAR 草稿、面试 Q&A、风险检查清单和投递前检查表。\n\n组合流程可以是：\n\n```text\nshushu-internship-tool\n  -> 规划 \u002F 构建 \u002F 理解一个能投递、能面试的项目\n\nshushu-internship-resume-optimizer\n  -> 把项目证据、业务背景和经历材料整理成可投递表达\n\nVibeResume\n  -> 让 AI 修改网页简历，并导出稳定的一页 PDF\n```\n\n## 图标与 Logo\n\n公司和项目 Logo 是可选项。没有合适图标时，直接保留纯文本公司名即可，简历仍然应该完整、正式。\n\n如果要使用矢量图，推荐：\n\n- 自己上传 SVG 到 `assets\u002Flogos\u002F` 并在 `index.html` 中引用。\n- 给 AI 一个 SVG 直链，让它下载到 `assets\u002Flogos\u002F`。\n- 让 AI 去 \u003Chttps:\u002F\u002Flobehub.com\u002Ficons> 搜索公司、产品、框架或开源项目图标。\n\n当前示例中的 Bilibili \u002F Huawei SVG 来自 LobeHub Icons 的静态 SVG 包。公司名、Logo 和商标归各自权利方所有。\n\n## 项目结构\n\n```text\n.\n├── assets\u002F\n│   ├── logos\u002F\n│   │   ├── bilibili-color.svg\n│   │   └── huawei-color.svg\n│   ├── avatar.png\n│   ├── minicode-logo.svg\n│   └── preview.png\n├── export\u002F\n│   └── vibe-resume-demo.pdf\n├── skills\u002F\n│   └── vibe-resume-editor\u002F\n│       └── SKILL.md\n├── scripts\u002F\n│   └── export-pdf.mjs\n├── export-pdf.sh\n├── index.html\n├── styles.css\n├── package.json\n└── README.md\n```\n\n## 为什么不直接用浏览器打印\n\n浏览器打印通常会从 `screen` 媒体切换到 `print` 媒体，触发不同的纸张大小、分页、边距、缩放、字体渲染和 `@media print` 规则，所以导出的 PDF 经常和网页预览不一致。\n\nVibeResume 的导出脚本会打开 `index.html`，强制使用 `screen` 布局，隐藏工具栏，测量 `.page` 元素高度，并按网页实际宽高生成单页 PDF。这样 PDF 更接近你在网页里看到的样子。\n\n## 致谢\n\nVibeResume 的灵感来源之一，是与 [he11x \u002F kexin](https:\u002F\u002Fgithub.com\u002Fhe11x) 的聊天交流。感谢这些关于 AI、简历维护和 vibe coding 工作流的讨论带来的启发。\n\n## 开源协议\n\n[MIT](LICENSE)\n\n---\n\n## English\n\nVibeResume is a vibe-coding friendly web-to-PDF resume template. The webpage is the source of truth: ask an AI coding assistant to edit `index.html` and `styles.css`, preview the result in a browser, then export the same screen layout to a one-page PDF.\n\n### Highlights\n\n- **AI-editable resume**: describe what you want, and let an AI agent update the HTML\u002FCSS resume directly.\n- **Web-first source**: content, layout, links, icons, and styling are all version-controlled as static files.\n- **Stable PDF export**: Chromium renders the screen layout and exports a measured one-page PDF.\n- **Print mismatch avoidance**: no manual browser print workflow, no unexpected print-media pagination.\n- **Codex-style skill included**: `skills\u002Fvibe-resume-editor\u002FSKILL.md` gives agents project-specific editing and validation rules.\n- **Open-source ready**: MIT license, badges, preview screenshot, sample PDF, export script, and mock demo content.\n\n### Quick Start\n\n```bash\nnpm install\nnpm run preview\nnpm run export:pdf\n```\n\nDefault PDF output:\n\n```text\nexport\u002Fvibe-resume-demo.pdf\n```\n\n### AI Workflow\n\n1. Share your target role, target JD, resume language, and raw experience notes with an AI assistant.\n2. Ask it to replace the mock content in `index.html` with your real resume.\n3. Ask it to tune density, section order, typography, spacing, and icons in `styles.css`.\n4. Preview the page, send screenshots back to the AI, and iterate.\n5. Run `npm run export:pdf` and check the generated PDF.\n\n### Demo Notice\n\nThe resume content in this repository is mock data. The avatar is AI-generated. Huawei and Bilibili are retained as easter-egg company-name placeholders and are explicitly marked as demo-only in the resume. The internship details do not describe real work experience. MiniCode is kept as a real open-source easter egg and can be replaced.\n\n### Related Projects\n\n- [shushu-internship-tool](https:\u002F\u002Fgithub.com\u002FLiuMengxuan04\u002Fshushu-internship-tool): turns a target JD into project selection, repository audit, runnable project planning, modification ideas, resume-ready STAR bullets, code explanations, interview Q&A, and presentation materials.\n- [shushu-internship-resume-optimizer](https:\u002F\u002Fgithub.com\u002FSunanzhe2004\u002Fshushu-internship-resume-optimizer): turns scattered internship materials into audited achievements, JD-ranked resume bullets, project summaries, STAR drafts, interview Q&A, risk checks, and application checklists.\n\nRecommended pipeline:\n\n```text\nshushu-internship-tool -> shushu-internship-resume-optimizer -> VibeResume\n```\n\n### Acknowledgements\n\nOne source of inspiration for VibeResume was the conversation with [he11x \u002F kexin](https:\u002F\u002Fgithub.com\u002Fhe11x) around AI, resume maintenance, and vibe-coding workflows.\n\n### License\n\n[MIT](LICENSE)\n","2026-06-11 04:12:22","CREATED_QUERY"]