以 resume/RESUME.md 作为结构化输入,由编码 LLM 按 CUSTOMIZE_WITH_AI.md 改写站点
ai-resume-to-portfolio — Next.js 作品集模板
作者 post2sultan
用一份结构化简历喂给任意编码 LLM,生成 Next.js 个人作品集站点,含 SEO 与无障碍基础。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。 本截图因高度限制未包含整页。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
Next.js + TypeScript 作品集,含指标、案例研究、经历、技能、资质等职业叙事区块
内置 SEO 与结构化数据:Open Graph、canonical、ProfilePage/Person JSON-LD、sitemap、robots、web manifest
提供无障碍基础:语义化内容、键盘行为、reduced-motion 支持
附 BEGINNER_GUIDE.md 与 docs/PUBLISHING.md,覆盖域名、托管与搜索引擎提交
模板详细介绍
这个模板的定位不是「又一个作品集起始页」,而是把简历到网站的转换过程交给编码 LLM 完成。仓库提供一个 Next.js + TypeScript 的作品集应用,同时把可被模型稳定解读的简历输入放在 resume/RESUME.md,把定制指令放在 CUSTOMIZE_WITH_AI.md,使用者按三步走:复制仓库、替换简历内容与 public/ 下的图片、把定制提示词交给编码助手。它刻意不绑定某一家模型或托管商,Codex、Claude Code、Cursor、Copilot、Gemini CLI 等能读写项目目录的工具都在说明范围内。
页面结构偏向职业叙事而非通用简历页:影响力指标、案例研究、经历、技能、资质与联系方式等区块,配合 Open Graph、canonical、ProfilePage/Person JSON-LD、sitemap、robots 和 web manifest,以及语义化内容、键盘操作和 reduced-motion 等无障碍处理。适合高管、顾问、创始人、运营或创意从业者做一份可信的个人站点,也适合想验证「LLM 按约束改代码」这一工作流的人。
需要留意几点:仓库标称 production-ready,但真实上线效果取决于你给模型的简历质量与后续人工核对,模板本身不包含托管账号、域名或 DNS 配置。演示内容(Sultan of Scale 的履历、照片、公司标识)不在 MIT 许可范围内,发布前必须替换。另外仓库 stars 为 0、许可证状态标注为 review,采用前建议自行确认 LICENSE 与 NOTICE.md 的实际条款。
适合你的项目吗?
适用场景
- 把已有简历快速转成个人职业网站,而不是从零搭页面
- 需要一份不绑定特定模型或托管平台的 LLM 定制工作流
- 顾问、创始人、运营等需要案例研究与量化成果展示的个人品牌页
- 作为学习 Next.js 元数据、结构化数据与无障碍实践的参考项目
适合人群
- 有现成简历、希望用 AI 助手完成大部分改写的个人
- 愿意按文档逐步操作、但不需要手写应用代码的使用者
- 使用 Codex、Claude Code、Cursor、Copilot、Gemini CLI 等可读写项目目录工具的开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
需要 Node.js 22.13 或更新版本与 npm,npm install 后 npm run dev 在 3000 端口启动
- 2
发布前运行 npm run check;简历文件中不要写入密码、API key、证件或私人地址
- 3
演示用的履历、照片、公司标识与商标不在 MIT 许可内,上线前须替换,并核对 LICENSE 与 NOTICE.md
- 4
仓库未包含托管账号、DNS 记录与凭据,Cloudflare、Vercel 等部署需自行配置
授权与来源资料
使用条件与限制
有额外使用条件源代码和原创设计采用MIT许可,但演示传记、个人照片、公司标识、商标及第三方素材被排除在MIT许可之外,发布前需替换。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 保留版权声明和许可声明于所有副本或实质部分
- 发布前替换演示素材和声明
额外费用与待核对事项
- 未确认NOTICE.md中第三方素材的具体授权范围
查看原文依据
Demo biographies, personal photographs, company logos, trademarks, and third-party materials are excluded from that license
README 原文
https://github.com/post2sultan/ai-resume-to-portfolio/blob/main/LICENSEhttps://github.com/post2sultan/ai-resume-to-portfolio/blob/HEAD/README.mdPermission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 74 / 100
- 技术栈
- Next.js · React
- 网站类型
- 作品集
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-06
- 截图检查日期
- 2026-09-07
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

react-resume-template
A personal resume website template built with React.js, Typescript, Next.js, and styled with Tailwind css
Next.js · 作品集

nxt-lnk
Custom bio links for creatives who love coding. A perfect custom alternative for linktree, bio and other short…
Next.js · 作品集

sylph
A minimal portfolio template.
Next.js · 作品集

sleek-portfolio
sleek-portfolio 是一个面向开发者个人品牌展示的现代作品集模板,基于 Next.js 15、TypeScript、Tailwind CSS 和 Shadcn UI 构建。
Next.js · 作品集

research-website-template
React + Next.js template for research websites (for PhD students, researchers, etc)
Next.js · 作品集

shadcn-portfolio
shadcn-portfolio 是一个面向开发者的作品集模板,技术栈为 Next.js 15、shadcn/ui、Tailwind CSS 和 Framer Motion。
Next.js · 作品集
