活页LivePage

同一个链接,手机、电脑、投屏都能打开,自动适配。

入行闯关路线图模板

制造教育手册

示例:转行做 CMF 设计 · 入行闯关路线图 · 闯关路线图

帮我做一份写给想转行进入某个行业的人的闯关式入行路线图,做成一个网页链接:页头是作者署名(几年经验、写给谁)、标题和版本日期;开头先让读者选「我的转行背景」(五个按钮),选完后每一关都多出一段写给这个背景的建议;页面的主角是一条蜿蜒的闯关路线(四关 + 终点,每关一个色块),读到哪一关就描线到哪一关、点亮那一关,电脑上路线常驻在左侧;手机首屏标题下面紧跟这条路线,做成占满屏宽、高度约半屏的竖向 S 形(各关节点左右交替、虚线相连,第一关点亮、其余灰色带锁),是首屏主视觉,不要压成顶部横条,选背景的按钮放在路线下面排成两列卡片;四关依次是看懂行业(岗位在产品流程里的位置、上下游、主要赛道对比)、选对公司(按背景推荐先进哪类公司、各类公司的取舍、判断能不能长久干下去的三条标准)、拿到 offer 并站稳(作品集怎么做、求职渠道、入职 90 天节奏)、面试与向上管理(6–8 道常见面试题,点开看答题思路,再写几条向上管理做法);终点写 1 年 / 3 年 / 5 年的能力里程碑、跳槽时机和一张示例薪资区间图;最后一张表单让读者选背景、目标公司类型和入行周数,提交后存进数据表并生成一张值得截图的「我的入行路线卡」(按周数分配四关的任务),显示已有多少人选了同一条路和大家的背景分布。手机和电脑都要好看,薪资写成示例区间。

参考模板:先读 https://getlivepage.com/examples/sample-career-route/agent.md ,照它的结构和版式做,内容全部换成我的;做成一个单文件 HTML(样式写在页面里、不引用外部文件,手机上好看),并提供 .html 文件下载。
· 你有活页工具(MCP):用样例 sample-career-route 当底稿(list_examples key=sample-career-route),发成活页,先给我看预览。
· 没有活页工具、但能发 HTTPS 请求:把做好的 HTML 以 Content-Type: text/html POST 到 https://getlivepage.com/api/quick?client=template-sample-career-route ,把返回的预览链接和认领链接给我(7 天临时链接)。
如果你还没有活页连接器(MCP),先读 https://getlivepage.com/for-agents.md ,照里面的说明接入,或不登录直接发布。

豆包、DeepSeek、Kimi、元宝、ChatGPT、Claude……能上网读链接的都可以

发成微信里能打开的链接

WorkBuddy、Claude、Codex 等支持 MCP 的 Agent,微信扫码登录

第一次在 WorkBuddy 里接活页?看图文手册 ›

帮我接入活页:先读 https://getlivepage.com/for-agents.md ,一步步带我完成;然后参考 https://getlivepage.com/examples/sample-career-route/agent.md 做一份我自己的「转行做 CMF 设计 · 入行闯关路线图」,发成活页,先给我看预览。

我的要求:帮我做一份写给想转行进入某个行业的人的闯关式入行路线图,做成一个网页链接:页头是作者署名(几年经验、写给谁)、标题和版本日期;开头先让读者选「我的转行背景」(五个按钮),选完后每一关都多出一段写给这个背景的建议;页面的主角是一条蜿蜒的闯关路线(四关 + 终点,每关一个色块),读到哪一关就描线到哪一关、点亮那一关,电脑上路线常驻在左侧;手机首屏标题下面紧跟这条路线,做成占满屏宽、高度约半屏的竖向 S 形(各关节点左右交替、虚线相连,第一关点亮、其余灰色带锁),是首屏主视觉,不要压成顶部横条,选背景的按钮放在路线下面排成两列卡片;四关依次是看懂行业(岗位在产品流程里的位置、上下游、主要赛道对比)、选对公司(按背景推荐先进哪类公司、各类公司的取舍、判断能不能长久干下去的三条标准)、拿到 offer 并站稳(作品集怎么做、求职渠道、入职 90 天节奏)、面试与向上管理(6–8 道常见面试题,点开看答题思路,再写几条向上管理做法);终点写 1 年 / 3 年 / 5 年的能力里程碑、跳槽时机和一张示例薪资区间图;最后一张表单让读者选背景、目标公司类型和入行周数,提交后存进数据表并生成一张值得截图的「我的入行路线卡」(按周数分配四关的任务),显示已有多少人选了同一条路和大家的背景分布。手机和电脑都要好看,薪资写成示例区间。
分享海报

微信里长按图片保存或转发给朋友;扫码就能打开这个模板。

转行做 CMF 设计 · 入行闯关路线图 的分享海报

下载海报

这份模板

给想入行、想转岗的人写一份闯关式的指南或带教手册:分几关讲清行业、选公司、求职、面试和成长,读者按自己的背景拿到专属建议和一张路线卡。纯操作步骤的 SOP 选 sample-handbook;线下到场的流程指引(挂号、取件、参观动线)选 sample-clinic-guide;只是时间线式的个人经历选时间轴简历那份。

页面结构:选你的转行背景 · 第一关 · 看懂行业 · 第二关 · 选对公司 · 第三关 · 拿到 offer 并站稳 · 第四关 · 面试与向上管理 · 终点 · 积累经验、跳槽涨薪 · 生成我的入行路线卡

  • 一条可点的 SVG 闯关路线:读到哪一关描到哪一关、点亮那一关的色块(电脑左侧常驻,手机在页首)
  • 读者选背景后每一关出现专属建议,路线上标出重点(浏览器存储键带 space.page.id)
  • 文末表单写回数据表(原生表单 POST ./_data/routes),交完生成「我的入行路线卡」,读回「已有 N 人选了这条路」与背景分布
  • 同一链接持续更新,读者问的新问题补进来不用换链接

发之前要备好:数据表 routes(列 background / target / weeks,append_open=true):文末路线卡表单写进这里,页面读回统计「已有 N 人选了这条路」与背景分布;只记选项,不收姓名和联系方式

看模板源码 ›

这份哪里不合适?提改进建议1 条改进建议在处理 · 模板工厂每天看一次

改进记录

  • 2026-11-12 · 新上线 转行入行闯关路线图 · 写给想转行的人 — 用户现提的需求:想要一份转行进入某个行业的求职指南。做成四关加终点的闯关路线,读者选自己的转行背景后每关给对应建议,最后生成一张入行路线卡。

更新日志 ›

同类案例