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

423
2026-03-16
15
犬哥網站
▬▬▬▬▬ 🏆️ 犬哥專業服務 🏆️ ▬▬▬▬▬ 網頁設計&數位行銷服務 ➜ 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 #人工智慧開發 #架站教學
14:10
EP-ST07. 零基礎也能搞定!【基礎篇】ComfyUI × Flux LoRA 實戰入門!讓AI記住你的角色風格
23:14
大半夜還在用私人 Line 回覆客戶/家長的問題?「Line 官方帳號 + AI 助理」讓你實現公私分明,擺脫 80% 雜務!
09:29
极客都在用的批量印钞神器!一个平台打破工具壁垒,干掉专业影视团队!3个自动化搞钱SOP全拆解:一个人就是跨国MCN,让全球流量为你打工#akool #ai视频生成 #ai副业
28:45
我的比特币怎么来的?揭秘双币投资收益,比挖矿还简单!⚡
09:07
最强Cloudflare免费VPN最新教程,完美解决 WARP 无法连接/速度慢,100% 成功配置教程!

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