你会得到

  • 一个离线 HTML 文件,或在你的 React、Vue、Svelte、Astro 项目里生成真实路由
  • 首页、作品与案例、文章、演讲、Uses、关于、简历、联系和 404
  • 项目封面是放在摄影背景上的 HTML 产品面板
  • 命令面板、经历标签页、仓库网格、筛选和带校验的表单
  • 可选:PopNow 生成的背景或照片,付费前先报价

适合

  • 想要个人网站的工程师和独立开发者
  • 需要带项目案例的求职页的求职者
  • 写文章或做演讲、想有一个统一主页的开发者

不适合

  • 浅色或多彩品牌:这套设计只有深色
  • 作品以图片为主的视觉设计师
  • 公司官网或网店

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「程序员作品集网站」(developer-portfolio-website)帮我做这件事:帮我做个人网站。我是柏林的后端工程师;简历、三个项目和两篇博客文章都在 ./notes 里。

在编程 Agent 里

/popnow-developer-portfolio-website 帮我做个人网站。我是柏林的后端工程师;简历、三个项目和两篇博客文章都在 ./notes 里。

接着试试

为第四个项目做一张同样深色石材风格的背景图,先报价。

删掉演讲板块,把 Uses 改成“工作方式”。

需要准备

  • 你的工作经历、时间和具体成果
  • 2 到 6 个项目,写清问题、关键决策和结果
  • 你真实拥有的文章、演讲、仓库和工具
  • 你自己的照片和真实的活动照片

类似技能

查看全部 →

常见问题

项目封面为什么不是截图?

每个封面都是用 HTML 和 CSS 搭的小型产品界面,填的是你所在领域的数据。任何尺寸下都清晰,配色与网站一致,也不会暴露真实屏幕上的隐私数据。

一定要用 PopNow 吗?

不用。自带的石材和沙色背景可以复用到你的项目上,演讲也可以用绘制的缩略图。PopNow 只是可选项,用于新背景、桌面照片或人像调色,每次运行都会先报价。

如果我没有演讲或开源仓库呢?

没有真实内容的板块会连同链接一起删掉。技能绝不会替真实的人编造演讲、仓库、Star 数或客户。

能放进我现有的 Next.js 应用吗?

可以。它会识别技术栈,保留无关文件,并用相同的设计变量和字体把这些路由重建为真实页面。