20:"$Sreact.view_transition" 21:I[9754,["/_next/static/chunks/2t36f5p4pjzlb.js","/_next/static/chunks/1gyqeidjm5eoa.js","/_next/static/chunks/0_fjnxc4tt_l_.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/3kv2zf0i7s2wc.js","/_next/static/chunks/1vs_3g_g75zmk.js","/_next/static/chunks/2g4dh802s8oz3.js","/_next/static/chunks/1bc3f0shukf1j.js","/_next/static/chunks/192kgs9v_t14j.js","/_next/static/chunks/0z6pw0v5c_lx5.js","/_next/static/chunks/08r60e6icmtkc.js","/_next/static/chunks/3trx6c0i7_x-3.js","/_next/static/chunks/40sro5bzp9bi_.js","/_next/static/chunks/1wgf3tk38y6cf.js"],"ProjectDetail"] 22:T5100, VibeResume · 像 vibe coding 一样编辑简历

Web-first resume · Chromium export

像 vibe coding 一样编辑简历

VibeResume 是一份 AI 友好、网页优先的简历模板仓库：把简历维护成 HTML+CSS，交给 AI 直接改内容和排版，再用 Chromium 脚本一次性导出稳定 PDF。

github.com/liumengxuan04/vibe-resume MIT · HTML · 372 stars

01 / CHAMBER

内容行进入结构网格

在 VibeResume，简历不是被“排版”出来的文档，而是被写成带有结构标记的内容。自由的文字片段，先在 HTML 里对折成行，再被捕捉进可预测的网格。

LAYER 01 — CONTENT

松散的内容片段

一份简历最上层是未经排版的文字——姓名、经历、技能，像散落的草稿。它们还没有进入任何版式，等待被断言为页面。

LAYER 02 — GRID

对折进网格

结构化的标记把内容行吸附到 CSS 网格与排字基线上，宽度、行距与栏位开始有规律地咬合。

display:grid; grid-template-columns: repeat(2, 1fr)

02 / CHAMBER

锁定进排字层面

AI 直接读写 HTML 与 CSS —— 内容和版式在同一处维护，无需在设计工具与代码之间来回搬运。排字锁定让版式变得确定、可预测。

AI EDITS

AI 直接编辑内容与排版

内置 Codex 风格的 AI Skill（vibe-resume-editor）指导模型修改简历。你描述想要的章节或措辞，AI 直接对 HTML/CSS 下手。

DETERMINISTIC

可预测的版式

网格与基线被显式声明，版式不再依赖运气。每次改动都收敛到同一套排字规则，输出的页面始终干净对位。

为何不用浏览器打印

仓库说明里写得很直接：基于浏览器的打印会导致版式错位。这也是为什么导出不由打印承担，而是交给独立的渲染脚本。

03 / CHAMBER

冻结成锁定的成页

当排字被锁定，页面便可以被冻结成可交付的成品。下面的成页带有页边基准线与页码，暗示“机械而确定”的导出结果。

FROZEN PAGE · SIDE A

P.01

FROZEN PAGE · SIDE B

P.02

04 / CHAMBER

一次性导出稳定 PDF

导出脚本用 Chromium 渲染屏幕布局而非打印，避免版式错位。一条命令，得到可以交付的成品。

SHELL · one-shot export

$ npm run export:pdf resolved → exported

npm install npm run preview npm run export:pdf export:pdf:dense-two-page

05 / CHAMBER

一页，或高密度的两页

仓库提供两种模板：标准一页模板，以及支持一页或两页的 Dense 高密度技术模板。同一套内容，按密度选择版式。

STANDARD · ONE PAGE

1 pg

DENSE TWO-PAGE

P.01 · P.02

高密度模板更密集的排字承载同一份经历，适合需要把更多内容装进一份简历的技术求职者。

06 / CHAMBER

像 vibe coding 一样编辑

内附 Codex 风格的 AI Skill（vibe-resume-editor），让 AI 按照一套明确的规则帮你改简历。改的是 HTML/CSS，得到的是稳定成品。

CONTENT 简历内容作为可编辑的 HTML + CSS 维护 HTML

GRID 排字锁定 CSS

PDF 一次导出Chromium 渲染的稳定成页 PDF

示例内容声明

仓库中的简历内容均为演示用 mock 数据，头像由 AI 生成。拿来即可用，但记得替换成你自己的内容再交付。

23:T4c8c, VibeResume · Edit your resume like vibe coding

Web-first resume · Chromium export

Edit your resume like vibe coding

VibeResume is an AI-friendly, web-first resume template repository. It keeps a resume as HTML+CSS, lets the AI edit content and layout directly, then exports a stable PDF in one shot via a Chromium script.

github.com/liumengxuan04/vibe-resume MIT · HTML · 372 stars

01 / CHAMBER

Content lines enter the structural grid

At VibeResume a resume is not a document you "lay out" — it is the content you assert as a page. Free text fragments fold into lines in the HTML, then get captured into a predictable grid.

LAYER 01 — CONTENT

The loose content fragment

At the top of the stack the resume is nothing but unlaid text — name, roles, skills — scattered like a draft. It has not entered any layout yet, waiting to be asserted as a page.

LAYER 02 — GRID

Folding into the grid

Structural markup pulls content lines onto the CSS grid and the typographic baseline. Widths, line-height and columns start to lock together with rhythm.

display:grid; grid-template-columns: repeat(2, 1fr)

02 / CHAMBER

Locking into a typeset layer

The AI reads and writes HTML and CSS directly — content and layout live in one place, with no shuttling between a design tool and code. Layout lock makes the page deterministic and predictable.

AI EDITS

AI edits content and layout directly

A Codex-style AI Skill (vibe-resume-editor) guides the model to modify resumes. You describe the section or phrasing you want, and the AI works straight on the HTML/CSS.

DETERMINISTIC

A layout you can predict

Grid and baseline are declared explicitly, so layout no longer depends on luck. Every change converges on the same set of typesetting rules, and the page always lands cleanly on its axis.

Why not just print from the browser

The repo docs put it plainly: browser-based printing shifts the layout out of alignment. That is why export is not left to printing, but handled by a dedicated rendering script.

03 / CHAMBER

Frozen into a locked page

Once layout is locked, the page can be frozen into a deliverable. The finished pages below carry margin marks and page numbers, hinting at the mechanical, deterministic result.

FROZEN PAGE · SIDE A

P.01

FROZEN PAGE · SIDE B

P.02

04 / CHAMBER

Export a stable PDF in one shot

The export script renders the screen layout with Chromium rather than printing, avoiding layout mismatches. One command, and you have a deliverable.

SHELL · one-shot export

$ npm run export:pdf resolved → exported

npm install npm run preview npm run export:pdf export:pdf:dense-two-page

05 / CHAMBER

One page, or two dense pages

The repository ships two templates: a standard one-page template, and a Dense technical template that supports one or two pages. The same content, your choice of density.

STANDARD · ONE PAGE

1 pg

DENSE TWO-PAGE

P.01 · P.02

The Dense template packs the same experience into denser type, for technical job hunters who need to fit more onto a resume.

06 / CHAMBER

Edit like vibe coding

It ships with a Codex-style AI Skill (vibe-resume-editor) so the AI can revise your resume against a clear set of rules. It edits HTML/CSS, and you get a stable deliverable.

CONTENT Resume contentmaintained as editable HTML + CSS HTML

GRID Layout lock CSS

PDF One-shot exporta stable page rendered by Chromium PDF

Sample content disclaimer

The resume content in this repository is demo mock data, and the avatar is AI-generated. Ready to use — but swap in your own content before you send it anywhere.

a:[["$","$20",null,{"enter":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-enter","default":"none"},"exit":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-exit","default":"none"},"update":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-update","default":"none"},"default":"none","children":["$","$L21","cmt2zh11f00xt6271zc68bg74:zh-CN:beautified",{"project":{"id":"cmt2zh11f00xt6271zc68bg74","slug":"liumengxuan04-vibe-resume","name":"vibe-resume","description":"AI 友好的网页简历模板，一键导出 PDF","authorName":"liumengxuan04","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"data_ai_tools","experienceUrl":null,"qualityScore":53,"featured":false,"officialSite":null,"views":{"original":{"available":true},"official":{"available":false,"reason":"disabled_by_policy"},"beautified":{"available":true,"reason":null},"defaultView":"beautified"},"beautifiedView":{"revisionId":"cmt2zh12300y56271d0bfzak8","kind":"artifact","artifact":{"schemaVersion":"localized-static-html-v4","kind":"static_html","locales":["zh-CN","en"],"defaultLocale":"zh-CN","documents":{"zh-CN":"$22","en":"$23"},"designDirections":{"schemaVersion":"dodot-design-directions-v1","directions":[{"id":"reflow-pipeline","name":"The Reflow Pipeline","projectMetaphor":"一份简历像源码一样被断言为页面：内容行进入结构网格，被锁定进可预测的纸张，再一次性导出成稳定的 PDF。整个站点用“原始内容 → 排字锁定 → 冻结成页”这一确定性的再排版链来表达 VibeResume 的机制。","signatureVisual":"三层半透明纸页在纵深中堆叠：最上层是松散的简历文字片段（无网格），中间是被 CSS 网格/基线网格对齐的排字栏，底层是带页边基准线与页码的、锁定的 PDF 成页。三层通过一条垂直排字基线贯穿，立即可读为“从任意内容到确定版面”的转换。","heroGeometry":"纵深堆叠的纸张层：前景一片未排版的缩放文稿，中间一层可辨认的排字网格，后景锁定的一张完整成页；三层右下方共用一个角点作为锚，暗示从一个点被“推出”到各自层。","sectionSequence":["chamber_01_content_to_lines","chamber_02_layout_lock","chamber_03_frozen_page","chamber_04_export_once","chamber_05_two_pages","chamber_06_edit_with_ai"],"surfaceModel":"印刷纸张系：多片质感近似的纸页彼此堆叠，每片有自己的基准线与页边；层与层之间靠排字基线而不是阴影/光晕连接。焦点经纸页深度而非发光渐变成形。","palette":"暖白纸底、墨色正文、单一强调色（深绯红）用于“排字锁定”与页码标记；灰阶用于内容层。","typography":"无衬线正文字承载信息流，标题使用高对比度的几何字重；页脚与页码用等宽宽度以暗示“机械而确定”的导出感。","desktopComposition":"一列贯穿的排字基线贯穿整页，三层纸页在 Hero 内呈纵深堆叠；章节以左对齐的编辑栏排版，导出/模板章节用并排成页展示。","mobileTransformation":"纵深堆叠的三层纸页被压平成从上到下的三段剖面，用一条左边缘的垂直基线串联；并排成页被逆时针旋转为折叠式书页，而非简单并排。","mediaStrategy":"无媒体：用由排字基线贯穿的三层纸页（内容/网格/成页）作为由证据（HTML→CSS→PDF）驱动的标志视觉，不伪造产品截图。","forbiddenPatterns":["标题 + 三张指标卡","通用功能卡片墙","浏览器/编辑器/终端外壳","发光网格或粒子背景"],"compositionFingerprint":"纵深的“三层纸页堆叠” + 贯穿的排字基线 + 压平式移动折叠，全站以确定为母题。"},{"id":"revision-markup","name":"Editors' Revision Markup","projectMetaphor":"简历文本是一段不断被 AI 编辑的活版代码：像修订标记一样在插入、删除与重生之间，最终“收敛”成干净、可交付的排字文本。用版本修订与光标节奏表达 AI 直接读写 HTML/CSS。","signatureVisual":"一段简历片段上叠加三色修订线（新增═、删除┊、替换↶），这些标记从左向右逐字“解析并消解”，行内文字随之被吸附到对齐的排版基线中，最终变成干净可交付的段落。","heroGeometry":"具象的光标节拍：一根左对齐的插入点锚在首行，Revision 标记沿排字基线逐行前进，标题区随光标“构建”而出现；以打字/修订动作而非静态海报为主。","sectionSequence":["mark_revision_insert","mark_revision_remove","mark_converge_to_lines","mark_pin_layout","mark_export_stable","mark_presets_two_page"],"surfaceModel":"编辑纸混合：底层是纸张质感，上层是可叠加/可擦除的修订涂层，允许“未解决”与“已解决”状态同时可视化（虚线 vs 实线）。","palette":"白纸面、黑墨正文，三色修订谱：绿（新增）、红（删除）、蓝（替换），配色本身承担语义而非装饰。","typography":"正文段落明确呈现编辑痕迹（删除线、插入下标、高亮行），标题使用等宽的、印刷感的断面以强调“代码即用于编辑”。","desktopComposition":"一份“正在被修订的简历”为主视图，修订标记沿右侧排字基线推进；章节以版本步进顺序纵向展开，PDF 导出区用状态灯（unresolved/resolved/exported）呈现。","mobileTransformation":"修订标记不再沿排版基线横向推进，而是每行变为可展开的“编辑时线”，点击时展开该行的增删替换；原单一长文被重组成纵向修订流。","mediaStrategy":"无媒体：标志视觉建在“文本 + 修订标记”之上，直接用版本修订关系表达 AI 编辑，不使用截图或远程图。","forbiddenPatterns":["指标卡三连","抽象功能卡片墙","假标签页/输入框/开关控件","装饰性发光渐变的背景墙"],"compositionFingerprint":"主导的修订标记叙事 + 左对齐光标节拍 + 行内“解析成干净排版”的动效，以编辑动作而非成品展示为主题。"},{"id":"sheet-folio","name":"The One-Sheet Folio","projectMetaphor":"一张简历纸在自己的一页与两页身份之间决定——像一本合上的对开本，被展开时露出高密度版的双页排布；用“同一张纸在不同密度下的两种展开”表达标准一页与 Dense 双页模板的同源关系。","signatureVisual":"一张单片纸，在观者视点处“对折展开”：左边仍是稀疏的一页，右边裂成高密度双页对开；展开动作瞬间把“一页/两页”的选择视觉化，暗示模板密度而非浏览器打印。","heroGeometry":"垂直居中的对开折痕：纸页中心一条竖向折线，左半一页纹理，右半对开双页高密度排字；折痕贯穿 hero 成为垂直主轴。","sectionSequence":["folio_single_side","folio_spread_open","folio_density_switch","folio_pin_to_pages","folio_export_headed","folio_ai_reflow"],"surfaceModel":"纸张装订系：对开页有可观察的书脊与页边，两页之间通过共同的对开折痕共享一条中缝轴线；密度差异通过排字密集度而非装饰区分。","palette":"中性灰/白纸面、墨黑正文，折痕与书脊用单一低饱和靛蓝强调；双页对开用更密集的排字但同一色系。","typography":"对比排布：一页侧留白多、字重大；双页侧字重低、行距密，形成“同一内容两种密度”的印刷对照。","desktopComposition":"hero 即一张正在展开的对开纸：左页稀疏一页、右页高密度对开；其余章节沿折叠主轴纵向排布，导出区以“合上/展开”的开关感呈现一页与双页。","mobileTransformation":"无法并排展开的双页在移动端“纵向翻开”——对开折痕横向旋转，两页变为上下的翻页序列；一页/两页密度切换以层叠卡片相互翻动呈现。","mediaStrategy":"无媒体：以一张纸的对折展开作为标志视觉，靠同一内容在两种密度下的排字对照承载主题，无截图、无远程图。","forbiddenPatterns":["大标语 + 三卡指标","会被任何项目采用的卡片墙","手机/浏览器/终端硬件壳","纯装饰的网格光源或粒子"],"compositionFingerprint":"一张纸的“一页/对开双页”身份折叠 + 贯穿的中缝主轴 + 密度对照的排字，以版式密度而非动效/光效为主题。"}],"selectedDirectionId":"reflow-pipeline","selectionRationale":"VibeResume 的机制核心不是“设计模板”，而是“让 AI 直接编辑 HTML/CSS，再由 Chromium 一次导出稳定 PDF”的确定性 reflow 管道。reflow-pipeline 用“内容 → 排字锁定 → 冻结成页”的三层纸页堆叠，最直接映射这一机制，并借用印刷纸张表面与稳定的排字基线来承载“确定、可交付”的可信感。相较 revision-markup（强于描述 AI 编辑动作但弱于表达导出确定性）和 sheet-folio（强于一页/双页密度对照但弱于表达内容到版面的正向转换），reflow-pipeline 在项目fit、机制传达与证据fit上最优：它把 HTML 作为内容层、CSS 作为网格锁定层、PDF 作为冻结层，全部由 material.json 事实（maintain as HTML+CSS, Chromium export）支撑，无需任何营销壳或伪造截图。其一页/双页模板作为成页层内的密度对照自然收束，且任一 forbidden pattern 均不触碰。"},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"reflow-pipeline","projectMetaphor":"一份简历像源码一样被断言为页面：内容行进入结构网格，被锁定进可预测的纸张，再一次性导出成稳定的 PDF。整个站点用“原始内容 → 排字锁定 → 冻结成页”这一确定性的再排版链来表达 VibeResume 的机制。","signatureVisual":"三层半透明纸页在纵深中堆叠：最上层是松散的简历文字片段（无网格），中间是被 CSS 网格/基线网格对齐的排字栏，底层是带页边基准线与页码的、锁定的 PDF 成页。三层通过一条垂直排字基线贯穿，立即可读为“从任意内容到确定版面”的转换。","compositionFingerprint":"纵深的“三层纸页堆叠” + 贯穿的排字基线 + 压平式移动折叠，全站以确定为母题。","heroGeometry":"纵深堆叠的纸张层：前景一片未排版的缩放文稿，中间一层可辨认的排字网格，后景锁定的一张完整成页；三层右下方共用一个角点作为锚，暗示从一个点被“推出”到各自层。","sectionSequence":["chamber_01_content_to_lines","chamber_02_layout_lock","chamber_03_frozen_page","chamber_04_export_once","chamber_05_two_pages","chamber_06_edit_with_ai"],"surfaceModel":"印刷纸张系：多片质感近似的纸页彼此堆叠，每片有自己的基准线与页边；层与层之间靠排字基线而不是阴影/光晕连接。焦点经纸页深度而非发光渐变成形。","palette":"暖白纸底、墨色正文、单一强调色（深绯红）用于“排字锁定”与页码标记；灰阶用于内容层。","typography":"无衬线正文字承载信息流，标题使用高对比度的几何字重；页脚与页码用等宽宽度以暗示“机械而确定”的导出感。","desktopComposition":"一列贯穿的排字基线贯穿整页，三层纸页在 Hero 内呈纵深堆叠；章节以左对齐的编辑栏排版，导出/模板章节用并排成页展示。","mobileTransformation":"纵深堆叠的三层纸页被压平成从上到下的三段剖面，用一条左边缘的垂直基线串联；并排成页被逆时针旋转为折叠式书页，而非简单并排。","mediaStrategy":"无媒体：用由排字基线贯穿的三层纸页（内容/网格/成页）作为由证据（HTML→CSS→PDF）驱动的标志视觉，不伪造产品截图。","evidencePlan":["用“HTML 内容层 → CSS 网格锁定层 → Chromium 成页层”的三层纸页堆叠，直接表达 maintain-as-HTML+CSS → Chromium-export-PDF 的机制事实。","reflow/锁定/冻结的章节目录来自“chamber_01..06”，对应内容到版面的正向转换链，而非营销式模块顺序。","两页章节引用 single 与 dense-two-page 模板的证据，作为成页层内的密度对照，全部来自 summary.localizations 与 readme 事实。","AI 编辑章节以 Codex 风格 vibe-resume-editor Skill 为锚，不做无法支撑的动作/截图主张。"],"localeContract":{"zh-CN":"像 vibe coding 一样编辑简历；AI 友好的网页简历模板，一键导出 PDF。","en":"Edit your resume like vibe coding; AI-friendly web resume template with one-click PDF export."},"forbiddenPatterns":["标题 + 三张指标卡","通用功能卡片墙","浏览器/编辑器/终端硬件壳","发光网格、粒子或纯装饰渐变背景","假标签页、开关、输入框或按钮控件","伪造产品截图或远程运行期图片","仅换色换圆角的新方向"]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"页面忠实实现了 reflow-pipeline 设计方向：用“内容行→排字锁定→冻结成页→一次导出→一页/两页→AI 编辑”六个 chamber 复现 Brief 的机制链，hero 内三层纸页堆叠（content/layout/frozen）配贯穿右侧的垂直排字基线，构成可读的“从任意内容到确定版面”签名视觉。所有主张均有 material.json 事实或 readme 证据支撑（仓库名、MIT/HTML/372 stars、Chromium 导出、vibe-resume-editor Skill、双模板、mock 数据声明、命令列表），未回退到通用 Hero/三卡/卡片墙，无浏览器/终端硬壳、无装饰性发光网格渐变、无假控件。中文与英文章节结构、命令、标注、免责声明逐对等价且各自自然。手机端 CSS 形成真实重构（rows/folio 折叠单列、hero 与 stack 收缩、基线左移），但未完全按 Brief 要求把并排成页“逆时针旋转为折叠式书页”，仅作简单纵向堆叠，列为 warning。无 blocking 问题，七项 check 全部通过。","checks":{"projectFit":{"passed":true,"evidence":"六个 data-dodot-section 完全等于 Brief sectionSequence 的 chamber_01..06，章节数 6（在 4-7 内）；隐喻“内容→排字锁定→冻结成页→一次导出”由 chamber_01/02/03/04 直接叙事，chamber_05 落在成页层内的密度对照，chamber_06 锚定 Codex 风格 Skill。hero 三层纸页堆叠 + 垂直排字基线贯穿整页，与 desktopComposition 一致。全站围绕“确定/可交付”而非营销式功能列表。"},"evidenceBound":{"passed":true,"evidence":"hero cta 标注 github.com/liumengxuan04/vibe-resume 及 MIT·HTML·372 stars，逐一对应 material projection.repository（owner/name、license=MIT、language=HTML、stars=372）；Chromium 而非浏览器打印的导出主张对应 summary evidence；chamber_06 的 vibe-resume-editor Skill 对应 readme 的 AI Skill/Fast Start/commands（npm install、npm run preview、npm run export:pdf、export:pdf:dense-two-page）；chamber_05 双模板与 dense 对应 readme 模板标题；“示例内容声明”段落对应 mock/AI 头像事实。slogan 与 localeContract 一致。无无据夸大。"},"signatureVisual":{"passed":true,"evidence":".stack 内以绝对定位实现 sheet--content（松散文稿片段）、sheet--layout（CSS 网格/18px 基线规则行/GRID BASELINE 标注）、sheet--frozen（8px 网格 + 页边基准线 + 页码 P.01 — locked）三层，共享右下锚点并按纵深 stagger；页面左侧 .baseline-rail 垂直排字基线从 hero 贯穿至页脚，构成“任意内容→网格→锁定成页”的可读转换，非装饰性渐变。三层确由证据驱动（HTML→CSS→PDF），不伪造产品截图。"},"mobileTransformation":{"passed":true,"evidence":"@media(max-width:760px) 将 .rows 与 .folio 折叠为单列、.stack 高度收到 70vw、.sheet 宽 88%、.baseline-rail 左移到 left:12px、卷帘 restack，形成真实重构（滚动高度 5891/6403，scrollWidth=390 无横向溢出）。不足：并排成页仅简单纵向堆叠，未按 Brief 明确要求“逆时针旋转为折叠式书页”，见 warning 记录。"},"localeParity":{"passed":true,"evidence":"zh-CN.html 与 en.html 结构逐节对等（6 chambers、双模板 folio、命令条、mesh、callout、mock 声明）；en CJK=0 全拉丁、zh 原生中文；标题/简介/步骤标注均为各自语言地道转译（如“为何不用浏览器打印”/“Why not just print from the browser”），两条目录条款文案等价且自然，slogan 与 localeContract 一致。"},"antiTemplate":{"passed":true,"evidence":"无“标题+三指标卡”（hero 用栈式签名视觉）；无通用卡片墙（章节用编辑式左对齐 row + folio 成页 + mesh 带）；无浏览器/编辑器/终端硬件壳（.cmd 仅一条边框命令条承载导出主张，drop/state 为标注非仿真 UI）；grid 线为排字/基线语义标记而非发光粒子；背景为暖白纸面极淡渐变，非纯装饰发光。"},"noFakeUi":{"passed":true,"evidence":"仓库链接 .link 与 .link.meta 为无 href，.link.meta 设 cursor:default；命令条内 $ npm run export:pdf 为等宽文本、state pill 为信息标签非开关；无 input/button/tab/checkbox/toggle；folio/stack 为纯 CSS 纸面视觉。qa-report fakeControlCount=0、brokenImageCount=0、emptyLinkCount=0，无远程图。"}},"issues":[{"code":"mobile-fold-rotation","severity":"warning","locale":"all","description":"Brief 要求移动端把 hero 三层纸页“压平为从上到下三段剖面、用左缘垂直基线串联”，并把并排一页/两页模板“逆时针旋转为折叠式书页而非简单并排”。当前 @media 仅把 .rows/.folio 折叠为单列、收窄 .stack。三层纸页仍以绝对定位重叠，未真正压平为纵向三段剖面；一页/两页未旋转为折叠书页。","repairInstruction":"在 760px 以内：将 .sheet 从绝对重叠改为纵向依次显示的三个剖面区块，并用容器左缘的连续基线串联；对 chamber_03 与 chamber_05 的并排 .page-unit 施加逆时针旋转平铺为上下折叠书页（rotate 后叠放），避免单纯单列堆叠，以更贴近 Brief 的移动转换要求。"}]},"repairEvidence":[],"provenance":{"executor":"opencode","model":"deepseek/deepseek-v4-flash","opencodeVersion":"1.1.58","promptVersion":"dodot-showcase-deepseek-v4","inputHash":"a1f3b15f424e0f2dc42ba1bd04c9b21e4b70d2a0f3e397da6bdf12ddfcf819ae","artifactHash":"48546f7125c0e9e4b702a3092dfbbb3e256d9202ba229724abbf787ca3145514","designSkill":"dodot-showcase-design"},"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":1700,"cjkCount":706,"latinLetterCount":610,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4922,"h1Top":159.1875,"bottomInset":175.8125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"8a98f9103cd2e799310745585c3facde13b3afc81a442b8ef048196a538576a2","middle":"75655be17234e1dc9c3d72c1b48782c79ed7fb4f478d9f892c087cca1343027b","bottom":"1b1361a16c848261b91232d8dfac66e958bfba5b13f3b374f3bd146f7e1fde53"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":1700,"cjkCount":706,"latinLetterCount":610,"scrollWidth":390,"clientWidth":390,"scrollHeight":5891,"h1Top":136.328125,"bottomInset":175.78125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"8307a315aa25589ad84afaba652a428aeef1d6fe5bf043a5e8b2224d49df9b9f","middle":"72df88f067b27ac107538b444d01fdf664aab5d5e6f8b62b177d9b4769baa182","bottom":"e56a10fd3fd0f695d58fb1eede293521807b1d47be527562376d38e6bf90b2ce"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":3558,"cjkCount":0,"latinLetterCount":2760,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":5232,"h1Top":159.1875,"bottomInset":175.984375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"183566264fe676d10b103c10febb2a13bd59a8525567b0acb9b1f7ca9553870d","middle":"e4b6b9668f8a6d49ffaa17d63c79bf18a5b10fb62e3ca804f246f44d9bd47677","bottom":"241015b8193394b3d98e9361094cf1b7cb5c92ab65fc80416d2b5b7220432788"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":3558,"cjkCount":0,"latinLetterCount":2760,"scrollWidth":390,"clientWidth":390,"scrollHeight":6403,"h1Top":127.1875,"bottomInset":175.65625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"dec86f9d522c7b84a06e2e82744871073c3ee7239f5bdc925700dc99754f27bd","middle":"4d0008cab95b9927ced67d85d6960b8688c1f3c48a427e7572932b86c05b363f","bottom":"cceb726a513b01d435f95bcf50e2691c8e4bde3f6a7434bb251f2dd9f7d21cab"},"consoleErrors":[],"networkRequests":[]}]}},"generatorVersion":"opencode-1.1.58:deepseek/deepseek-v4-flash:dodot-showcase-deepseek-v4","publishedAt":"2026-08-20T06:50:28.585Z"},"rawExtraction":{"projectRevisionId":"cmt2zh11r00xz6271i9rkx7o5","projectVersion":1,"sources":[{"canonicalKey":"github:liumengxuan04/vibe-resume","role":"primary","revisionVersion":1,"url":"https://github.com/LiuMengxuan04/vibe-resume"}],"facts":[{"key":"repository_owner","value":"liumengxuan04","evidence":[{"path":"repository.owner","excerpt":"liumengxuan04"}]},{"key":"repository_name","value":"vibe-resume","evidence":[{"path":"repository.name","excerpt":"vibe-resume"}]},{"key":"description","value":"make your resume by vibe-coding！","evidence":[{"path":"repository.description","excerpt":"make your resume by vibe-coding！"}]},{"key":"primary_language","value":"HTML","evidence":[{"path":"repository.language","excerpt":"HTML"}]},{"key":"license","value":"MIT","evidence":[{"path":"repository.license","excerpt":"MIT"}]},{"key":"source_count","value":"1","evidence":[{"path":"projectRevision.sources","excerpt":"github:liumengxuan04/vibe-resume"}]}],"taxonomy":{"category":"development_tools","subcategory":"data_ai_tools","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"make your resume by vibe-coding！"}]},"lifecycle":{"stage":"active","confidence":0.75,"evidence":[{"path":"repository.pushedAt","excerpt":"2026-08-15T10:24:36.000Z"}]},"userIntents":[{"slug":"build_software","label":"构建或改进软件","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"make your resume by vibe-coding！"}]},{"slug":"automate_work","label":"自动化工作流程","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"make your resume by vibe-coding！"}]},{"slug":"create_content","label":"创作内容或设计","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"make your resume by vibe-coding！"}]},{"slug":"analyze_data","label":"分析与理解数据","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"make your resume by vibe-coding！"}]},{"slug":"learn_explore","label":"学习与探索","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"make your resume by vibe-coding！"}]}],"readme":{"headings":["VibeResume · Vibe 简历","为什么做这个项目","核心特点","快速开始","模板选择","标准一页模板","Dense Two-Page 高密度技术模板","像 Vibe Coding 一样编辑简历","AI Skill","示例内容声明","关联项目","图标与 Logo","项目结构","为什么不直接用浏览器打印","致谢","开源协议","English","Highlights","Quick Start","AI Workflow"],"commands":["npm install","npm run preview","npm run export:pdf","npm run export:pdf:dense-two-page","npm install","npm run preview","npm run export:pdf","npm run export:pdf:dense-two-page"]},"changeSet":[{"field":"repository","beforeHash":"0bc3c8cd88dec1fae3ba841c9ad852cb728a98d58213a8aa13999e7e35b63791","afterHash":"0288e63c7de68272337bda0225e8f2ac6656dd9907762e7a17fa2360f855414d"}]},"publishedAt":"2026-08-16T12:41:14.456Z","updatedAt":"2026-08-21T13:26:51.300Z","summary":{"id":"cmt2zh11v00y162710i8bwuve","projectType":"template","oneLine":"AI 友好的网页简历模板，一键导出 PDF","overview":"VibeResume 是一个 AI 友好、网页优先的简历模板仓库。它把简历维护成 HTML+CSS，让 AI 直接修改内容和排版，再用 Chromium 脚本稳定导出 PDF。提供标准一页和高密度双页模板，内置 Codex 风格 Skill，适合想用 AI 快速定制简历的用户。","highlights":["AI 直接编辑 HTML/CSS","一键导出稳定 PDF","一页/双页模板可选","内置 Codex 风格 Skill"],"bestFor":["想用 AI 快速改简历的人","需要稳定 PDF 导出的求职者","喜欢网页版式控制的用户"],"caveats":["仓库内容为 mock 数据，需自行替换","PDF 导出依赖 Chromium 环境","浏览器打印结果不可作为正式简历"],"categorySuggestion":"productivity","subcategorySuggestion":"office_personal","lifecycleStages":["idea_requirements","product_design","frontend","deployment_growth"],"audienceIntents":["build","create","evaluate"],"confidence":0.85,"evidence":[{"claim":"VibeResume 是一个 AI 友好、网页优先、可导出 PDF 的简历模板仓库。","sourceType":"readme","locator":"https://github.com/LiuMengxuan04/vibe-resume"},{"claim":"仓库包含标准一页模板和可支持一页或两页的高密度技术模板。","sourceType":"readme","locator":"https://github.com/LiuMengxuan04/vibe-resume"},{"claim":"导出脚本使用 Chromium 渲染屏幕布局，避免浏览器打印导致的版式错位。","sourceType":"readme","locator":"https://github.com/LiuMengxuan04/vibe-resume"},{"claim":"内置 Codex 风格的 AI Skill（vibe-resume-editor），可指导 AI 修改简历。","sourceType":"readme","locator":"https://github.com/LiuMengxuan04/vibe-resume"},{"claim":"仓库中的简历内容均为演示用 mock 数据，头像为 AI 生成。","sourceType":"readme","locator":"https://github.com/LiuMengxuan04/vibe-resume"}],"publishedAt":"2026-08-17T13:30:49.183Z"},"github":{"url":"https://github.com/LiuMengxuan04/vibe-resume","ownerAvatarUrl":"https://avatars.githubusercontent.com/u/225589786?v=4","starsCount":372,"forksCount":37,"language":"HTML","syncedAt":"2026-08-17T13:27:49.748Z","license":"MIT","defaultBranch":"main","archived":false,"disabled":false,"lastChangedAt":"2026-08-15T10:24:36.000Z","missing":false},"tags":[],"updates":[]},"entryPoint":"discovery","claim":{"state":"unclaimed","verified":false},"initialView":"beautified","community":{"viewer":null,"state":{"likesCount":0,"creativeCount":0,"followersCount":0,"commentsCount":0,"liked":false,"creative":false,"followed":false},"comments":{"comments":[],"nextCursor":null}}}]}],"$L24"]