MoldPage:把"找工作的痛"做成产品的两周

📍 真实案例 4/5 · 上一篇:← 一周两个 AI 小工具 · 下一篇:niuxue.org 是怎么搭起来的 →

一个找工作时的痛

洁柔投简历时,每天都在重复一件事——把 PDF 简历发出去,然后等回信。

3 周过去,回信寥寥。

她意识到一个真问题:「我跟所有人长得一样」。

• 同样的 PDF 模板
• 同样按时间倒序的工作经历
• 同样的 bullet point 描述
• 没法放项目截图、没法嵌视频、没法链接 demo

她想做一个自己的个人主页——能放项目图、放过往作品、链接 GitHub / 公众号 / 视频号。但市面上的方案她都不满意:

• Wix / Squarespace:贵、模板浮夸、不像作品集
• Notion 公开页:不专业、URL 怪
• 自己写 HTML:不懂代码
• Cursor / ChatGPT 帮我写:她试了,生成一个简单页要消耗几百 K token——没订阅 AI 服务的求职者根本扛不住

她想:“求职者大部分根本没 AI 订阅,连 Cursor 都没听过。这事得我自己做。”

两周后,MoldPage 上线 —— 不懂代码 + 用免费 AI 的人,也能 30 分钟做出图文并茂的个人主页。

灵魂洞察:砍掉”人类可读”这一层

洁柔为什么能做到「用免费 AI 也建得起来」?

她做了一个反直觉的决定——

用 MoldPage 的人不会自己读代码。 那为什么代码还要做成”人类能看懂”的样子? 能让 AI 看懂 + 能生成 + 能修改就够了。

正常做一个网页,工程师会写:

• 缩进 + 换行让人能读
• 命名变量 + 写注释让人能改
• 模块化结构让人能维护
• ……

这些全是给后来读代码的人看的开销。

MoldPage 的代码是这样的:

• 不缩进、不换行(机器读没影响)
• 单字符变量名 / 缩写标记(AI 读得懂就行)
• 不分模块,扁平结构(后端引擎自己会展开)
• 没注释(AI 不需要)

结果:

• 生成一份完整个人主页的代码 = 几 K token(比传统方案少 10-30 倍)
• Free plan 的 ChatGPT / Claude / 国内豆包 / DeepSeek 都能扛
• 求职者不用花一分钱订阅 AI

牺牲是什么:网页源码对人类不可读。但用 MoldPage 的人不需要读代码 —— 她直接看渲染出来的网页就行。

这是个”目标用户决定取舍”的经典设计判断 —— 把一整层成本(人类可读性)整个砍掉,因为你的真实用户根本不需要。

架构:前端只描述意图,后端引擎做重活

完整架构:

求职者(用 free AI)            MoldPage 引擎
─────────────────────────────────────────────
1. 用 AI 描述"我想要什么"
2. AI 输出 AI-only 极简码 ────→  3. 引擎接收
                                  4. 引擎查模板 + 主题 + 颜色
                                  5. 渲染成完整 HTML/CSS
                                ──→ 6. 返回完整网页

分工:

• 前端 AI:只生成”意图描述” —— 极简、token 少
• 后端引擎:预制好的模板 / 渲染逻辑 / 交互效果,一次写好所有用户共用
• 用户视角:只看到一个干净的渲染网页,完全无感

这就是为什么 MoldPage 能让 free plan AI 跑起来 —— 重活全在后端,前端 AI 只产生一段”极简意图描述”。

主题:不是按”视觉风格”分,是按”职业身份”分

主题选择最反直觉的设计 —— 不是按”现代风 / 经典风 / 极简风”这种抽象审美分,而是按求职者的”职业身份”分:

主题	适合	风格特征
📝 文字创作者	作家 / 编辑 / 公众号运营 / 内容策划	文字优先、排版讲究、阅读节奏感
👗 时尚类	时装 / 美妆 / 模特 / 视觉设计	大图 / 长滚动 / 视觉为王
💼 金融	投行 / 咨询 / 财务 / 风控	严谨克制、数据陈列、稳重色
💻 IT / 技术	程序员 / 工程师 / 产品经理	技术栈展示、GitHub 链接、项目 demo
🏔️ 户外 / 极限运动	摄影师 / 探险家 / 运动博主 / 攀岩教练	强视觉冲击、地点 / 装备 / 经历叙事

选完主题之后,每个主题内部还有颜色 / 风格变体 —— 前端切换,不烧后端。

为什么这样分:

• 求职者知道自己是哪个职业,不需要懂”哪种视觉风格适合我”
• 一上来就给”对的方向”,不让用户在抽象审美里纠结
• 每个主题对那个行业的简历偏好做了真实研究 —— 不是凭设计师审美猜的

用户的 30 分钟体验

一个完全不懂代码的求职者,30 分钟流程:

时间	用户做的事
0-2 min	进 MoldPage 首页,选职业主题(比如”IT”)
2-5 min	选颜色配色(比如”暖橙 + 黑”)
5-10 min	在引导框里填基本信息:名字、职位、3 个项目
10-20 min	让 free plan AI(豆包 / DeepSeek / ChatGPT 免费版)帮自己写文案
20-25 min	上传 3-5 张项目截图 / 视频链接
25-30 min	一键发布,拿到自己的 moldpage.dev/xxx 链接

30 分钟后,她有了一个真正属于自己的、可以发给招聘方的链接——不是 PDF、不是 Notion 公开页、是一个看起来专业的个人主页。

两周的真实节奏

阶段	时间	做的事
Week 1 (MVP)	2026-04-xx 的一周	后端引擎骨架 + 1-2 个主题模板 + 前端 AI 极简码协议 + 端到端跑通(URL 能访问)
Week 2 (打磨)	又一周	加 5 个职业主题 / 颜色变体 / 移动端响应 / 引导流程 / 加文案润色 / 上线 moldpage.dev 域名

两周后,效果还不错——洁柔用她自己的 MoldPage 作品集再投出去时,回信率明显上升。自己的痛点,自己解决了。

Claude Code 在每一步做了什么

整个项目,洁柔自己不会写 JS/Python 代码 —— 全程跟 Claude Code 说人话,它写。

Week 1 关键瞬间

• 挑技术栈:Claude 推荐前端 React + 后端 Node + 模板用 Handlebars。理由:React 生态最熟、Handlebars 模板渲染快、Node 跟 React 一套语言。直接采纳。

• 设计极简码协议:这是最磨人的一步——怎么让代码”AI-only 可读”但又机器可解析? Claude 提了 3 种方案(JSON 扁平 / 自定义 DSL / 缩写 HTML),最终选了缩写 HTML 变体——AI 生成时几乎跟标准 HTML 一样,但属性名缩到 1-2 个字符。

• 写后端引擎:一个 Node + Express 服务,接收极简码 → 查找对应主题模板 → 用 Handlebars 渲染 → 输出完整 HTML/CSS。Claude 一晚上写完 v1。

Week 2 关键瞬间

• 设计 5 个职业主题:洁柔逐个跟 Claude 描述每个职业的视觉偏好——“IT 主题就用 mono 字体 + 暗色 + 大量留白”,“户外极限要全屏大图”。Claude 写 SCSS。

• 加引导流程:让小白能”被牵着走”——5 步对话式问答,每一步只问 1 件事,避免一上来贴大表单吓退人。

• 移动端响应:80% 求职者用手机改简历,不能只做桌面。Claude 一次性把所有主题做了 3 档断点。

• 打磨文案 + SEO:着陆页文案、SEO meta、Open Graph 卡片预览——Claude 一上午全部出完。

三个看 MoldPage 能学到的产品观

💡 1. 目标用户决定你能砍多少

• 给程序员的工具 → 必须代码可读(他们要 fork 改)
• 给设计师的工具 → 可视化编辑 + WYSIWYG
• 给求职者的工具 → 他们不读代码,你就能砍掉整层可读性成本

洁柔的核心判断:把”目标用户根本不需要的功能”砍光,你的成本立刻下来。

💡 2. AI 时代,反直觉的设计赢

正常工程师写代码 80% 的工作量是「让其他人类能读懂」。MoldPage 砍掉这一层 → 整个产品的成本曲线变了。

这种”反人类直觉但顺 AI 直觉”的设计——在 2026 才有可能赚到。

💡 3. 痛点最好”自己亲身经历”

洁柔做 MoldPage 不是”市场调研”出来的——她自己投简历投到崩溃,她知道没有作品集页是什么感觉。

最好的产品都来自创始人自己的痛点——因为你不会半路放弃(自己是用户),也不会做错方向(自己是评测员)。

三个想做类似产品的人最容易踩的坑

❌ 坑 1:一开始就想做”全功能”

“我做一个个人主页生成器,顺便加博客 / 评论 / 多语言 / SEO 工具…”

踩坑:全功能 = 永远做不完。MoldPage v1 只做”职业主题 + 配色 + AI 生成 + 一键发布”,其他全砍。

修正:MVP 极简——能解决 1 个核心痛点就上线,其他功能用户用着用着会告诉你他要什么。

❌ 坑 2:为程序员优化,忘了真实用户

“代码要写得漂亮,结构要清晰,要 open source…”

踩坑:你的用户不会看代码。优化代码可读性 = 浪费你的开发时间。

修正:优化你目标用户真实使用的环节(对 MoldPage 是「30 分钟体验流畅 + free plan AI 扛得住」)。代码丑没关系,用户体验不能丑。

❌ 坑 3:技术栈追新

“我用 Bun + Hono + 新框架 X…”

踩坑:新框架学习成本远超工具本身的价值。MoldPage 用最稳的 React + Node + Handlebars——因为洁柔已经熟了。

修正:用你已经熟的栈做产品。新技术留到不重要的项目去练手。

MoldPage 现在你能怎么用

已上线:moldpage.dev

适合谁:

• ✅ 正在找工作 + 想要个人主页的人
• ✅ 不懂代码 / 不订阅 AI 服务的求职者
• ✅ 想给作品集 / 自由职业 / freelancer 找一个像样链接的人

不适合谁:

• ❌ 已经有自己的网站架构师(你自己写更便宜)
• ❌ 公司官网级别需求(MoldPage 是个人主页,不是企业站)

这套案例的核心信息

MoldPage 不是一个”建站工具”,是一个”痛点定向的设计判断”:

目标用户的边界,决定你能砍多少成本。

洁柔砍掉”人类可读性”这一层,换来”free plan AI 也能扛”。 你的目标用户决定你的产品能简到什么程度。

这就是 AI 时代普通人创业的真实剧本——不是做一个”什么都行”的工具,是做一个”对我的目标用户砍到极致”的工具。

还差最后一篇

读完 MoldPage 这一篇,你已经看完了 05 区 5 篇里的 4 篇:

• ✅ AI 是配人格的伙伴 → 一窝 Claude bot
• ✅ 30 字需求 3 天能上线网页 app → 自建 Web Chat 三天上线
• ✅ 一周做一个小工具是新常态 → 工时表 + E-ink Dashboard
• ✅ 痛点 + 目标用户 + 反直觉设计 → 你正在看的这一篇 MoldPage
• → 最后一篇:niuxue.org 自己是怎么搭起来的(8 小时全栈+真实踩坑)——下一步打开它

下一步

→ niuxue.org 是怎么搭起来的:本站自身案例 —— 05 区终篇,本站的真实搭建路径

然后:03 区跟 04 区即将开放

接下来 niuxue.org 还会陆续上线:

• 03 区:给我的项目用——VS Code 插件、桌面 App、Hooks、MCP、Subagents、Worktrees(进阶 / 程序员玩法)
• 04 区:进阶玩法——Routines、Remote Control、Channels、Agent Teams、Auto Mode(老手专属)

想第一时间收到,可以收藏 niuxue.org 主页。

---

你也有”自己亲身踩过的痛点”想做成产品吗?写一段告诉我们 [email protected],精选案例会出在「自己解决自己痛点」社区合集里。