CHAPTER 02

我自己寫了一個
做網站的工具

不是賣錢的。是給學員用的。

這個工具長怎樣?

先讓你看一下實際畫面:

接案一條龍工具實際畫面
點圖放大看|入口在 ifreeaprogram.com(學員才能登入)

它不是那種要你會寫 prompt 的複雜工具。就是一個 5 題的問卷,每題都是點選預設選項。

5 題問卷,大概 2 分鐘填完

Q1 · 這網站是給自己還是客戶?

選「客戶」的話,系統會啟用在地案例參考 + 競品分析,後續選項也會微調。

Q2 · 什麼產業/做什麼的?

用你自己的話描述:寵物鮮食電商、保險顧問、醫美診所⋯寫清楚就行。

Q3 · 視覺風格?

從風格庫選一個。有 12 種常見類型:溫暖手作風、醫療潔淨、科技未來、極簡瑞士風、奢華精品、餐飲誘人⋯

Q4 · 顏色方向?

純黑白+點綴 / 暖色系(米、奶茶、棕)/ 冷色系(灰、藍、墨)/ 品牌色主導 / 讓產品是唯一色彩。

Q5 · 互動氛圍?

安靜克制(幾乎沒動畫)/ 細緻(hover 有回饋)/ 大量動態(cursor 特效、視差滾動)。

Bonus · 有沒有參考網站?

選填。你貼一個網址進去,工具會參考它的結構藍圖(section 順序、佈局)但視覺不抄。

小提醒

每題都有「Decide for me」選項。不確定就按這個,工具會根據前面的答案自己判斷。

也就是說——你完全可以只回答 Q1 + Q2,剩下全部交給工具

三個品質層級,自己選

填完問卷後,選一個品質層級再按生成。差別在於用哪個 Claude 模型:

層級模型速度成本用在哪
🚀 草稿Haiku 4.510 秒/頁~$0.09探索方向、A/B 測試
⭐ 標準Sonnet 4.625 秒/頁~$0.26客戶交付首選
👑 精緻Opus 4.750 秒/頁~$1.30高端品牌、精品

同一份問卷,三個層級產出的東西差距很大。接案初期用 Haiku 探方向,定案後切 Sonnet 或 Opus 做最終版。

學員自備 Claude API Key

這個工具的機制是——你用自己的 Anthropic 帳號,API Key 直接貼到工具裡,生成費用直接從你的 Anthropic 帳戶扣。

為什麼這樣設計?

這樣我不用幫你墊錢,你也不用付月費。用多少、付多少。

實際成本算過:儲值 $5 USD 可以生成 100+ 個網站。對接案者來說幾乎是免費。

第一次用就跟著畫面說明:註冊 Anthropic → 複製 API Key → 貼到工具 → 儲值 $5。全程 5 分鐘內完成。

產出:HTML + 可轉 Elementor

工具有三個分頁:

  1. Questions:填問卷
  2. HTML 預覽/編輯:生成後直接預覽,可改文字
  3. Elementor 轉換:一鍵轉成 WordPress Elementor 的 JSON,客戶可自己維護

這個 Elementor 轉換很關鍵——很多台灣客戶的網站都架在 WordPress 上,你交付的不是「死掉的 HTML」,是他們可以自己編修的 Elementor 版本。

這個工具只給學員用,不對外賣

商業模式

不收月費、不賣試用、不開放非學員。

如果對外賣,我就變成 SaaS 老闆,要做客服、做退費⋯那些會分散我花在學員身上的時間。

所以做法很單純:只要你是登島者學院的學員,工具就是你的,無月費、無次數限制、更新全免費。

下一章:直接看我用工具做出來的兩個網站

我會告訴你兩個案例各自選了什麼選項、用哪個品質層級、花多少錢。

看第一個範例