韋總裁團隊夥伴專用

個人品牌頁面訪談表

填完這份表單 → 一鍵生成 Claude 提示詞 → 貼到 Claude.ai 自動產出你的專屬 Link in Bio 頁面，全程不需要寫一行 code。

🧪 測試模式　按右邊按鈕會自動填入帶標籤的測試資料（例：【Q1-姓名】王大明），方便你按下生成後直接對照每段內容來自哪一題。

① 基本資料

頁面 Hero 區（最上方）會顯示的核心資訊

② 品牌人設與故事

這一段決定你的「人設定位」，AI 會依此調整文案風格

這一句要能代表你的整體形象。想不出來就寫「為什麼客戶選你」的關鍵字。

100–250 字最理想。用第一人稱、口語化，避免企業宣傳腔。

③ 服務項目（你的專長）

每個項目會做成一張卡片，點擊連到對應的 Google 表單或諮詢入口。建議 2–5 個。

④ 視覺風格

挑一個最貼近你個人氣質的色系與排版風格

想要完全自訂顏色？選最後一個「自訂」並填下方欄位。

⑤ 想加入的功能區塊

勾選你想要的，沒勾的就不放。可以全部勾，AI 會幫你排出合理的閱讀節奏。

⑥ 聯絡方式

頁面底部的 CTA 按鈕區會用到

業務頁面通常建議用 LINE / IG 取代電話，避免騷擾電話。

⑦ 進階客製（選填，但寫越多越貼近你）

任何「我想要…」「我不想要…」的描述都可以寫

勾選後，Claude 會用線上 placeholder 圖片（picsum.photos）與純色色塊先把頁面架起來，你可以先上線、IG bio 先掛網址，之後再把真實圖片補上換掉。

📋 你的專屬 Claude 提示詞

複製整段，貼到 Claude.ai 對話框，Claude 會直接產出你的 HTML

接下來怎麼做（請完全照順序）

  1. 打開 Claude.ai（用免費帳號就行，建議用 Claude Sonnet 4.6 以上）
  2. 把剛剛複製的整段提示詞貼到對話框，按送出
  3. 等 Claude 產出一段 HTML 程式碼（會在程式碼框裡）
  4. 在電腦桌面新建一個資料夾，命名隨意（例：我的頁面）
  5. 複製 Claude 給的 HTML，存成一個檔案叫 index.html，放進那個資料夾
  6. 準備圖片（很重要）：把所有要用的圖片放進同一個資料夾，檔名要完全照規定：
    • avatar.jpg（頭像，必備）
    • case-1.jpg case-2.jpg case-3.jpg（客戶案例，依需求）
    • income-1.jpg income-2.jpg income-3.jpg（被動收入，依需求）
    ⚠️ iPhone 拍的 HEIC 格式網頁不認，要先轉成 JPG（用 iPhone「捷徑 → 轉換影像」或 LINE 自己傳一次自己）
  7. 到 netlify.com/drop，把整個資料夾拖進去（不是只拖一個檔案），3 秒後就會給你一個網址
  8. 把那個網址貼到 IG bio，完成！

💡 之後要換圖片或內容怎麼辦？把新圖片放回原本的資料夾覆蓋舊圖 → 再拖整個資料夾到 netlify.com/drop（會詢問是否更新，按確定）→ 網址不變、IG bio 不用換。

💡 如果有不滿意的地方，直接跟 Claude 說「把第三區改成綠色」、「加一段 FAQ」、「字體再大一點」就好，不需要重新生成。

🚨 我的圖片顯示不出來，怎麼辦？
  • 檢查 1：圖片是不是和 index.html 在同一個資料夾裡？（不能放在子資料夾）
  • 檢查 2：圖片檔名是不是完全小寫、英文、有底線連字號（例：avatar.jpg ✓，Avatar.JPG ✗，頭像.jpg ✗）
  • 檢查 3：iPhone 拍的圖是不是 HEIC 格式？要先轉 JPG
  • 檢查 4：當初拖到 Netlify 的是「資料夾」還是只有「index.html」？必須是整個資料夾
  • 檢查 5：Claude 給的 HTML 裡，<img src="…"> 路徑是不是和你的檔名對得上？對不上就跟 Claude 說「請把圖片路徑改成 OOO.jpg」
  • 還是不行？勾上方「我還沒準備好圖片」選項，重新生成提示詞，Claude 會用 placeholder 先把頁面架起來，你之後再慢慢補圖