我如何用 Claude 15 分鐘做出自己的個人品牌形象網站

老實說，我不會寫程式。

以前想做個人網站，不是要找工程師報價，就是自己套版型套到半夜；最後做出來的東西，一點都不像我。

這次我換個方式，只做了一件事：把我的 FB 網址丟給 Claude。15 分鐘後，第一版網站就出來了。

下面是我的完整做法，指令都可以直接複製。

你需要準備的東西

1. Claude 桌面版：用裡面的 Code 分頁，它有內建瀏覽器，可以自己上網看你的資料
2. 你的 FB 或 IG 網址：貼文越多越好，它是讀你的貼文來認識你
3. 選配：你原本的品牌色、舊網站、服務介紹

第一步 丟網址讓它自己去認識你

直接複製這段，把網址換成你的：

這是我的 FB：（貼上你的網址）
我想要你自己爬完我的資訊後，
依照你對我的了解，
幫我設計我個人的品牌形象網站。
要讓人點進來後眼睛為之一亮，並願意多停留。

> 一個重點：FB 要登入才看得到完整內容，Claude 會請你在它的瀏覽器裡自己登入；密碼自己打，不要把密碼傳給它。

第二步 它會自己做這些事

我當時沒有多講任何東西，它自己：

• 讀了我的 FB 簡介和大約 20 篇貼文
• 找到我原本的舊網站，把 9 個案例的真實數字搬過來
• 用我公司原本的品牌色（深藍＋金色）
• 從我的貼文裡抓出我的觀點，像是「AI 做事，人做價值」

然後它設計出一些我自己都沒想到的東西：

• 會轉的 AI 圓桌：我坐中間，GPT、Codex、Hermes 圍著我，點一下就看到每個 AI 負責什麼
• 職涯起伏線：從 2006 年第一線，到 2018 年的谷底，再到現在
• 30 秒小診斷：訪客回答幾個問題，網站告訴他該從哪個服務開始，還能一鍵用 LINE 傳訊息給我

這一步大約 15 分鐘，它做完會直接給你一個網址預覽。

第三步 只講感覺讓它改版

我看完第一版，只回了一句：

我想要整個風格再多一點動畫
還有高級感

它就自己：

• 把金色改成會流動的香檳金屬光澤
• 加上背景金色星塵、標題一行一行升起
• 職涯線滑到時會一筆畫出來
• 案例卡片跟著滑鼠微微 3D 傾斜

你不用懂設計名詞，講「高級感」「活潑一點」「更溫暖」它都聽得懂。

第四步 最後一定要自己檢查文案

這步最多人跳過，但最重要。

AI 寫的字，很容易有一種「AI 味」：一堆破折號、「不是……而是……」這種句型，還有很雞湯的金句。我會直接下這句：

檢查一下整篇
破折號全部去掉
確認一下整篇沒有 AI 用語

改完再自己從頭讀一遍；讀起來像你會講的話，才算完成。

第五步 放照片並決定要不要上線

• 想放照片，直接把照片傳給它，說「幫我放上照片」
• 哪一句不像你，直接告訴它要改成什麼
• 確定要上線，再請它部署到你的網址

我學到的 3 件事

1. 資料越真實，網站越像你

它是讀你的貼文在寫，查不到的數字會標「待補」問你；所以你平常有在經營社群，這時候全部都用得上。

2. 回饋講感覺就好

我從頭到尾沒講過任何技術名詞，只講我想要的感覺。

3. 最後一哩路要自己來

AI 幫你做完 90%，剩下 10% 是你的品味；哪句話像你、哪句不像，只有你自己知道。

同一天再做一個

我自己做完之後，當天就用同一套流程，幫一位塔羅老師客戶也做了一個；從讀她的 IG 到上線，同一天完成。

做完記得回來留言，給我看看你的網站～

想要更多 AI 實作的免費工具？到免費資源領取，或加小獅 LINE：@492ygbqz。