📍 Tools - 我的工具列表:

• Lovable
• bolt.new
• Quora App-Creator - Poe
• 我寫的生成 PRD 的 Bot: Quora PRD-Creation-GPT4o - Poe

📍 3 個免費工具，一分鐘教你零 Coding 背景都做到 AI 網站 💰

Kayly.AI: Instagram | Threads

1️⃣ Lovable.dev：無需編碼，快速建立高顏值網站

使用步驟：

1. 註冊與登入：
   前往 lovable.dev 註冊帳號，或使用 Google 帳戶登入。
2. 建立新專案：
   在主頁輸入你的需求，例如：「建立一個個人履歷網站，包含關於我、作品集與聯絡方式」。
3. 自訂網站內容：
   • 使用左側輸入需求。
   • 可以點擊 "Edit" 調整文字、風格。
   • 可上傳圖片以美化網站風格。
   
4. 連接 Supabase 資料庫：
   • 在編輯器右上角點擊「Integrations」，選擇「Connect Supabase」。
   • 登入你的 Supabase 帳戶，選擇或建立一個專案。
   • Lovable 會自動配置資料庫連接，並顯示「✅ Supabase connected」的確認訊息。
5. 新增用戶認證功能：
   在聊天提示中輸入：「Add login」，Lovable 會自動生成登入頁面並連接 Supabase 的認證系統。
6. 預覽與發佈網站：
   • 點擊右上角的「Publish」，即可預覽並發佈你的網站。
   • 你可以選擇使用預設的網址，或連接自訂網域。

2️⃣ Bolt.new：解決開發痛點的 AI 工具

使用步驟：

1. 註冊與登入：
   前往 bolt.new 註冊帳號，或使用現有帳戶登入。
2. 建立新專案：
   • 在主頁輸入你的需求，例如：「建立一個待辦事項應用，包含新增、編輯與刪除功能」。
   • 你也可以將 Figma/Github 的內容 Import 進來。
   
3. 自訂與調整程式碼：
   • Bolt.new 會自動生成相應的前端與後端程式碼。
   • 你可以進入編輯模式，根據需要調整 HTML、JavaScript 或其他語言的程式碼。
   
4. 測試與部署：
   • 使用內建的測試環境，檢查應用的功能是否正常。
   • 完成後，可以將專案部署至雲端，或匯出程式碼至 GitHub 進行版本控制。

3️⃣ Poe App Center：簡單創建 AI 應用，享有創作者獎勵

使用步驟：

1. 登入 Poe App Center：
   • 前往 Poe 並登入帳戶。
   • 或從 "Bots and apps" 點選 App-Creator。
   
2. 建立新應用：
   在對話框輸入應用名稱與描述，例如：「建立一個心理測驗應用，根據用戶回答分析性格類型，…」。需求越具體，Credit 燒越少。
3. 設計應用流程 (需求越具體，Credit 燒越少)：
   • 我寫的生成 PRD 的 Bot: Quora PRD-Creation-GPT4o - Poe
   • 用自然語言編輯用戶流程，設計、選項與結果頁面。
   • 你可以用自然語言叫他在什麼位係調用 Poe 平台有的 AI 模型，實現更智能的分析與回應。
   
4. 發佈應用：
   • 完成設計後，點擊「Publish」發佈你的應用。
   • 你可以選擇公開分享應用，或僅限特定用戶使用。