你會得到

  • 一個離線 HTML 檔,或你 React、Vue、Svelte、Astro 專案裡的真實路由
  • 首頁、作品與案例、文章、演講、Uses、關於、履歷、聯絡與 404
  • 以 HTML 產品面板疊在攝影背景上的專案封面
  • 命令面板、經歷分頁、repo 格狀列表、篩選器與驗證表單
  • 可選:PopNow 背景或照片,付費前先報價

適合

  • 想要個人網站的工程師與獨立開發者
  • 需要附案例求職頁面的求職者
  • 有寫文章或演講、想集中展示的開發者

不適合

  • 淺色或繽紛的品牌:設計只有深色
  • 作品以圖像為主的視覺設計師
  • 公司網站或網路商店

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「工程師作品集網站」(developer-portfolio-website)幫我做這件事:幫我做個人網站。我是在柏林的後端工程師,履歷、三個專案和兩篇部落格文章都在 ./notes。

在程式 Agent 裡

/popnow-developer-portfolio-website 幫我做個人網站。我是在柏林的後端工程師,履歷、三個專案和兩篇部落格文章都在 ./notes。

接著試試

用同樣的深色石材風格,為第四個專案做背景,先報價。

移除演講區塊,把 Uses 頁改成工作方法頁。

需要準備

  • 你的工作經歷、時間與具體成果
  • 二到六個專案,含問題、關鍵決策與成果
  • 你真正有的文章、演講、repo 與工具
  • 你自己的人像照與真實活動照片

類似技能

查看全部 →

常見問題

為什麼專案封面不是截圖?

每個封面都是用 HTML 和 CSS 做的小型產品介面,資料來自你的領域。任何尺寸都清晰、配合網站配色,也絕不會露出真實畫面上的私人資料。

一定要用 PopNow 嗎?

不用。內建的石材與沙色背景可以重複用在你的專案上,演講也能用繪製的縮圖。PopNow 只在需要新背景、工作桌照片或重新調色的人像時選用,每次執行都會先報價。

如果我沒有演講或開源 repo 呢?

沒有真實內容的區塊會連同連結一起移除。技能絕不會替真人捏造演講、repo、星數或客戶。

可以放進我現有的 Next.js App 嗎?

可以。它會偵測技術棧、保留不相關的檔案,並以相同的設計變數和字型,把同樣的路由重建成真實頁面。