1. 相關教學&資源
2. 影片描述
如果你最近開始接觸 AI 做網站,會發現 AI 很會設計,但不一定能真的把網站做出來,這也是我會開始研究 Stitch + AntiGravity 這個組合的原因。
Stitch 很擅長把你的想法快速變成「 漂亮的網站 UI 」,AntiGravity 可以幫你直接在 localhost 本機環境運行網站,還能透過 AI 協助修改與優化專案內容。
本來需要手動改程式碼的地方,都可以透過 AI 快速完成!
這部影片帶你跑一次完整流程:
「 想法 → UI 設計 → 專案修改 → 本機運行 → GitHub → 部署上線 」 跟著步驟,你也能輕鬆開發一個新網站囉~
3. 影片時間軸
- 00:00 1. 開頭
- 00:43 2. 使用 Stitch 生成網站 UI
- 02:27 3. Stitch AI 重點功能
- 07:51 4. 使用 AntiGravity:運行 localhost 本機環境
- 13:06 5. 使用 AntiGravity:統一網站選單
- 15:27 6. 使用 AntiGravity:修復網站圖片
- 16:21 7. 進行 AntiGravity+Stitch 的 MCP 串接
- 18:30 8. 玩看看 Stitch MCP 功能
- 20:22 9. 從 GitHub 下載 Stitch Skill
- 21:54 10. 使用 Stitch Skills 強化網站設計
- 25:16 11. 使用 hosting.com 讓網站上線
- 29:55 12. 使用 Vercel+Github 部署網站
- 35:50 13. 結尾
聯絡犬哥網站
在網頁設計+AI SEO 行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 2 個實用資源,可有效幫助大家解決問題。
資源一:犬哥網站(專業 WordPress 網頁設計& AI SEO 行銷公司)
如果你沒時間自己架站,或是遇到網站沒有流量、Google 網站排名不理想,或是沒有被 AI 提及你的品牌。歡迎洽詢 犬哥網站(WordPress 網頁設計& AI SEO 行銷公司),請專家協助你會更容易!
我們有多年網頁設計、AI SEO 行銷經驗,加上上百個實戰案例,絕對能滿足您的需求!

資源二:WordPress 高手架站課+SEO 排名飆升課(線上課程)
如果想學習更深入的 WordPress 架站技巧,或是想透過 SEO 關鍵字提升網站流量?
可以參考犬哥近期推出的這兩門課程,課程非常的扎實,都是犬哥自己實戰出來的經驗分享,不打高空只教你做出成績!

- WordPress 高手架站課:
從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能! - SEO 排名飆升課:
教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等,大幅提升行銷能力。
帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!
#網站架設 #網頁設計 #Stitch #antigravity #AI架站 #AI #人工智慧開發 #架站教學
