【Gemini AI 網頁設計】使用 Stitch+Antigravity 做出令人驚艷的網站!

2,747
2026-03-16
87
犬哥網站
▬▬▬▬▬ 🏆️ 犬哥專業服務 🏆️ ▬▬▬▬▬ 網頁設計&數位行銷服務 ➜ https://frankknow.com ▬▬▬▬▬ 🏆️ 精選架站系列 🏆️ ▬▬▬▬▬ 新手自學架站(網域+主機+WordPress 架站,一次學會)➜ https://frankknow.com/wp-web-doing/ 優質主機挑選 ➜ https://frankknow.com/wordpress-hosting/ ▬▬▬▬▬ 🏆️ 精選線上課程 🏆️ ▬▬▬▬▬ WordPress 高手架站課:https://frankknow.net/wp-course/ SEO 排名飆升課:https://frankknow.net/seo-course - 如果你最近開始接觸 AI 做網站,會發現 AI 很會設計,但不一定能真的把網站做出來,這也是我會開始研究...
▬▬▬▬▬ 🏆️ 犬哥專業服務 🏆️ ▬▬▬▬▬ 網頁設計&數位行銷服務 ➜ https://frankknow.com ▬▬▬▬▬ 🏆️ 精選架站系列 🏆️ ▬▬▬▬▬ 新手自學架站(網域+主機+WordPress 架站,一次學會)➜ https://frankknow.com/wp-web-doing/ 優質主機挑選 ➜ https://frankknow.com/wordpress-hosting/ ▬▬▬▬▬ 🏆️ 精選線上課程 🏆️ ▬▬▬▬▬ WordPress 高手架站課:https://frankknow.net/wp-course/ SEO 排名飆升課:https://frankknow.net/seo-course - 如果你最近開始接觸 AI 做網站,會發現 AI 很會設計,但不一定能真的把網站做出來,這也是我會開始研究 Stitch + AntiGravity 這個組合的原因。 Stitch 很擅長把你的想法快速變成「 漂亮的網站 UI 」,AntiGravity 可以幫你直接在 localhost 本機環境運行網站,還能透過 AI 協助修改與優化專案內容。 本來需要手動改程式碼的地方,都可以透過 AI 快速完成! 這部影片帶你跑一次完整流程: 「 想法 → UI 設計 → 專案修改 → 本機運行 → GitHub → 部署上線 」 跟著步驟,你也能輕鬆開發一個新網站囉~ - 影片時間軸 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. 結尾 ▬▬▬▬▬ 💡 相關教學&資源 💡 ▬▬▬▬ 影片提到的所有 Prompt 指令:https://docs.google.com/document/d/1b8tjgtXIkdnQ3PKTUrQCuY9vVNPVg4vRngdSGbcn5m4/edit?usp=sharing hosting.com 主機(優惠連結):https://hosting.com/hosting/?aid=frankknow&bid=9eb88ccd hosting.com 主機申請教學:https://frankknow.com/hosting-teach/ Stitch:https://stitch.withgoogle.com/ AntiGravity:https://antigravity.google/ Stitch MCP Setup:https://stitch.withgoogle.com/docs/mcp/setup Stitch Skills(Github):https://github.com/google-labs-code/stitch-skills Vercel 雲端主機:https://vercel.com/ ▬▬▬▬▬▬▬ 💬 關注我們 💬 ▬▬▬▬▬▬▬ 犬哥學院 ➜ https://frankknow.net 犬哥 IG ➜ https://www.instagram.com/wp.dog/ 犬哥 FB 社團 ➜ https://www.facebook.com/groups/frankknow #網站架設 #網頁設計 #Stitch #antigravity #AI架站 #AI #人工智慧開發 #架站教學
09:07
最强Cloudflare免费VPN最新教程,完美解决 WARP 无法连接/速度慢,100% 成功配置教程!
17:33
AI创作神器OpenArt|绘图+图片生成+编辑三合一完整教程,新手创作者零基础轻松上手
00:32
Gemini隐藏功能别再只拿它写文案了一键生成高互动交互页面调研演示秒级完成 #shorts
00:22
大展宏图 Baby
05:45
【Deepseek的成功是巧合?】5分钟带你全面解析Deepseek的发展历史,让你知道:“成功不是巧合”。让我们回头看看中国AI巨头来时的取经路。

༺ 資料蒐集來源: YouTube
本站不需註冊加入會員,保障個人隱私,完全不用Cookei