AI × BUILD
AI产品创造
把真实需求,做成可以使用的产品。
我更关心的不是用AI做一个Demo,
而是能不能从真实问题出发,
把想法持续迭代成真正可用的东西。

CASE 01 / JOB WORKSPACE
AI秋招工作台
FROM TRACKING
TO CAREER DECISION SUPPORT
从管理投递,到辅助我做职业选择。
01 |Verse1
从分散信息,
到「岗位管理 + 匹配判断」
第一版先解决秋招过程中最基础的问题:
把“找岗位、判断岗位、推进投递”放进同一个工作流。
岗位集中管理
统一收录不同平台岗位
JD解析
提取职责、能力、关键词和硬性要求
岗位匹配判断
结合简历判断匹配点
投递进度管理
统一管理待投 / 已投 / 笔试 / 面试
任务提醒
生成下一步准备事项
- 发现岗位
- AI分析
- 判断匹配
- 投递
- 跟进
第一版完成岗位管理 + 匹配判断
02|Verse 2
正在更新
从“这个岗位适不适合”,
到“我还可以去哪里”。
- 根据简历,判断能力可延展的岗位
- 定向简历修改与提供投递策略
功能 01职业可能性探索
不只推荐高匹配岗位,
也发现可以延展的职业方向。
- 已有经历
- 可迁移能力
- 延展岗位
- 分析能力Gap
并给出可延展的职业岗位建议:
- 为什么可以尝试
- or为什么暂时不建议
- or还需要补充什么
功能 02定向简历与投递策略
面对不同 JD,
自动判断简历应该突出什么。
- 哪些项目前置
- 哪些经历展开
- 哪些内容压缩
- 哪些关键词显性化
(1)高匹配度岗位→AI自动分析简历修改意见中低匹配度的岗位,不给予修改意见
(2)人工选择岗位→AI进行简历修改分析可主动选择想要投递的岗位进行深度分析
把深度分析留给真正值得投递的岗位,
减少不必要的AI调用和Token消耗。
第二次迭代升级职业可能性探索 + 定向简历与投递策略
03|下一步计划
从个人工具
到可上线的校园招聘管理产品
流程跑通后,因为职业方向和简历相似,我把工作台分享给身边的同学,大家的反馈都不错。
下一步计划 FUTURE PLAN
下一步希望把围绕自己和同学秋招需求搭建的工作台,逐步变成适用于不同专业、不同应届生的校园招聘工作台。
个人画像初始化
简历 / 专业 / 求职目标
个性化岗位判断
根据不同背景建立匹配和岗位延展逻辑
完整校招周期
岗位发现 → 投递 → 笔试 → 面试 → Offer
CASE 02 / VIBE CODING
Vibe Coding
个人作品集网站
PERSONAL PORTFOLIO WEBSITE
从一个模糊的作品集想法,持续迭代成现在正在浏览的网站。
01 / PROJECT GOAL · 项目目标
从传统PPT展示作品
到设计一个个人可持续分享与更新的个人作品集网站
原始信息架构文档 · 规划稿
首页 → 精选项目 → 案例详情 → 其他项目AI Practice / Films / About → 简历与联系方式
首页应同时支持两类人:快速扫一眼的人直接看到项目与入口;愿意继续看的人能沿着案例深读。
查看原始规划文档 ↗02 / VIBE CODING WORKFLOW
- DEFINE明确目标
- STRUCTURE整理信息架构
- DESIGN确定视觉概念
- BUILDCodex实现
- REVIEW实际浏览与判断
- ITERATE持续修改
持续定义需求、判断结果、再进行迭代升级
03 / ME × CODEX
ME
- 信息取舍
- 视觉判断
- 交互决策
- 内容结构
- 反馈与迭代
CODEX
- 页面搭建
- 组件实现
- 交互开发
- 修改执行
- 技术落地
我负责判断
Codex负责把判断快速变成可测试的网页
04 / VERSION EVOLUTION
从构想到现在FROM IDEA → NOW
从文件夹章节切换手稿,到视觉方向探索与真实网页实现。
- 手绘构想
手绘构想 · 文件夹章节切换与标签位置 - 早期实现
早期首页实现 · 生活照与大字排版 - 视觉方向调整
Birdy / IP 首页视觉参考 - 迭代
首页方向迭代 · 人物IP与个人档案
05 / REAL ITERATION
真实迭代
A文字过多 → 信息瘦身
删除重复概括,保留引导句与可点击目录。
B章节区分不清 → 增加锚点 / Sticky Navigation
压缩说明,用章节底色与常驻导航明确当前位置。
CFILMS静帧展示松散 → 重做 Film Contact Sheet
由逐张展示改为六图并列,便于快速扫读影片质感。
发现问题 → 判断原因 → 修改 → 再测试