過去，如果想擁有一張適合放在履歷或LinkedIn的專業形象照，通常得先預約攝影棚、挑選服裝造型、拍攝和修圖，整個流程下來往往需要花上半天時間與數千元花費。若再加上交通與等待時間，成本更高。
如今，有了生成式AI的協助，只要上傳一張照片，AI就能在不到1分鐘內，為你生成不同風格的形象照。
本文分享如何製作「AI履歷形象照產生器」，從指令設計、API串接到網站部署，全程不需寫一行程式碼，不僅讓初學者能體驗到產品開發的全貌，而且舉凡求職者、自媒體創作者，甚至只是想更新大頭貼的人，都能用得上！
首先，你需要哪些AI工具？
ChatGPT：幫你生成程式碼
整個專案的核心是 ChatGPT，你只需要用自然語言描述想要的功能或畫面，它就能生成可執行的程式碼，從React到TypeScript，從HTML到CSS，都能一氣呵成。
更重要的是，ChatGPT能在對話過程中即時除錯與調整介面，協助使用者完成部署。對於沒有工程背景的人來說，這等於多了一位隨時待命的資深工程師，只要用語言表達需求，就能把腦中的構想變成具體成果。
若要更穩定地使用這些開發功能，建議訂閱ChatGPT Plus方案，每月20美元的費用，換來的是專業級的協作體驗。
Replicate：生成圖像、送入雲端模型
不過ChatGPT本身並不負責生成影像，圖像生成任務將交由Replicate來處理。這是一個專為創作者設計的雲端平台，讓任何人都能即時存取最先進的開源AI模型，例如Stable Diffusion或LLaMA。
透過Replicate，我們可以把上傳的照片與提示詞送入雲端模型，幾秒鐘內便可產出高品質影像。這一切都不需要自建伺服器或GPU，只要申請帳號、儲值10美元，便能開始創作。
每張1024×1024的圖片成本大約在0.01到0.05美元之間，費用透明、彈性高，非常適合原型開發與教學使用。
Cloudflare Pages或Vercel：免費雲端部署服務
當應用完成之後，還需要一個地方讓作品能夠被世界看見。這時候，Cloudflare Pages 或Vercel就成了最方便的選擇。
這兩個平台提供免費的雲端部署服務，讓開發者只需上傳程式碼或連結GitHub，就能在幾分鐘內生成一個可公開訪問的網站。
從ChatGPT到Replicate，再到Cloudflare或Vercel，這三個工具構成了一條完整的創作鏈：ChatGPT 理解並生成邏輯，Replicate 驅動 AI 模型產出影像，而部署平台則讓成果化為可被社會大眾存取的網頁。
以下為三個工具的功能與收費標準：
| 工具名稱 | 功能定位 | 是否收費 | 新手優勢 |
|---|---|---|---|
| ChatGPT | 程式生成與開發協作，能根據自然語言生成程式碼、除錯並協助部署。 | 需訂閱 ChatGPT Plus（USD 20/月） | 無需寫程式即可完成應用開發。 |
| Replicate | AI 圖像生成引擎，負責根據照片與提示詞生成高品質影像。 | 按次付費（約 0.01～0.05 美元/張） | 免伺服器、免 GPU，操作簡單、成本低。 |
| Cloudflare Pages / Vercel | 網站部署與分享平台，讓網頁應用一鍵上線。 | 免費（個人與教育用途） | 一鍵部署、免設定伺服器，適合展示成果。 |
如何製作「AI 履歷形象照產生器」？
接下來，按照以下的步驟，開始動手實作「AI 履歷形象照產生器」。
第一步：用ChatGPT生成網站架構與前端程式
開啟ChatGPT（建議使用 GPT-4 版本），輸入以下指令作為開場提示：
Prompt範例：「我想建立一個網頁應用，功能包括上傳照片、選擇三種風格（正式商務、友善專業、創意個性），再用我的Replicate API 金鑰生成AI履歷照。整體設計要簡潔，主色調為深藍與白色，請幫我用React + TypeScript撰寫程式碼，並包含前端預覽區、進度條與下載按鈕。」
ChatGPT會在數十秒內生成完整的前端程式碼，你只需將它複製到本機或線上IDE（例如CodeSandbox、Replit）即可執行。若想修改樣式，只要告訴它：「請把按鈕改成圓角、顏色用 #1E3A8A」，AI 就會自動調整程式。
小提醒：
- 若 ChatGPT 生成的程式碼太長，可要求它分段生成或僅顯示主要邏輯部分。
- 初學者不需理解每一行程式，只要專注於能否執行與畫面呈現是否符合期待。
第二步：註冊並設定Replicate帳號與API金鑰
前往Replicate官網，點擊右上角Sign up 或Get started，可用Google或GitHub帳號快速註冊。
- 登入後，進入右上角頭像選單 → 點選 Account Settings → API Tokens。
- 點擊「Create new token」，命名後會出現一串英數混合的代碼。
- 立即複製並妥善保存，因為系統只會顯示一次。
接著前往「Billing」頁面進行首次儲值，最低金額為10美元。生成一張1024×1024圖片約0.02美元，因此這筆金額足夠你測試幾百次。
小提醒：
- 若是教學用途，可開啟低餘額通知避免誤用。
- Replicate 採即用即付，沒儲值就不會扣款，非常安全。
- 若要測試其他模型（例如超寫實風格或動漫風），可在Replicate搜尋Stable Diffusion等相關模型。
第三步：在ChatGPT中串接Replicate API
ChatGPT本身不直接執行API，但可以幫你產出可部署的程式碼。只要在對話中加入你的API金鑰位置，它就能生成與Replicate溝通的完整流程。
Prompt範例： 「請在程式中串接Replicate API，使用fetch呼叫模型 stability-ai/stable-diffusion，將上傳圖片與提示詞一併傳送，回傳生成後的圖片連結，並在畫面上顯示。」
第四步：設計提示詞，影響AI生成風格
提示詞是AI理解意圖的關鍵，它會決定生成影像的質感與風格。以下是三種推薦樣式，可直接放入程式中供使用者選擇：
| 風格選項 | 英文提示詞 | 適用場景 |
|---|---|---|
| 正式商務 (Professional) | professional corporate headshot, studio lighting, neutral background, 4k resolution | 適合企業求職、履歷使用 |
| 友善專業 (Friendly) | soft natural light, friendly smile, clean background, realistic portrait | 適合講師、顧問、自媒體 |
| 創意個性 (Creative) | expressive portrait, artistic lighting, colorful tone, cinematic composition | 適合設計師、創作者 |
第五步：部署與測試
當所有功能確認運作後，你可以請ChatGPT幫你建立部署流程：
Prompt範例 ：「請幫我將這個React專案部署到Cloudflare Pages，步驟請逐一說明。」
ChatGPT會指導你如何連結 GitHub，選擇分支、設定環境變數（放入你的API金鑰），再一鍵發布。幾分鐘後，你就能獲得一個專屬網址，分享給朋友使用。
小提醒：
- 若使用 Vercel，記得在環境變數設定中新增REPLICATE_API_TOKEN。
- 建議生成一張範例圖片放在首頁，讓訪客一進來就能理解成品效果。
對了！在 AI 生成的過程裡，也別忘了注意有關介面設計與使用體驗的細節。另外，還可提供「重新生成」與「下載」兩個按鈕，讓使用者能快速保存成果。下載時自動命名檔案，或讓他選擇標準與高畫質版本。
而安全性與隱私，當然也必須一併納入考量。舉例來說，你可以在頁尾標註：本網站不儲存任何上傳的照片。所有處理皆於使用者端與 Replicate 之間進行。API 金鑰僅儲存在瀏覽器端，不會被伺服器收集。透過這樣的宣告，不僅能贏得使用者的信任，也代表一種負責的態度。
