運用 Gemini 3 Pro 打造 AI 塔羅牌算命網站:從零開始的實戰經驗分享

紫玉露-avatar-img
發佈於AIGC應用 個房間
更新 發佈閱讀 3 分鐘

今天我嘗試用 Gemini 3 Pro來挑戰做塔羅牌算命網站

本來以為只是小專案,結果一做下去才發現——欸,這東西居然可以做到這麼猛?

從卡牌解讀、占卜邏輯到整個網站流程,Gemini 3 Pro 完全是我背後那個默默加班的超強工具人。 也因此,我真的做出了一個能抽牌、能占卜、還能講人話(?)的塔羅牌網站。

接下來就來分享一下我是怎麼 step-by-step 做出這個網站的,也順便記錄一些踩雷跟驚喜。

如果你也想用 AI 做一個屬於自己的塔羅系統,這篇應該會對你蠻有幫助的。


先進入網站Gemini 3 Pro

  • 你會看到頁面長這樣,注意請選擇模型< 3 Pro 思考型模型>
vocus|新世代的創作平台
  • 進去後,簡單問它: 幫我製作一個有關塔羅牌的算命系統網頁
vocus|新世代的創作平台

它就會給你簡單的程式碼,但我的建議是如果Gemini 3 Pro有給你的優化建議,你就進行優化,這樣你的系統會比較完善點。

  • 接下來你複製生成出來的程式碼,在開一個新聊天室貼上
vocus|新世代的創作平台
  • 點選工具,選擇Canvas,接下來就是送出對話
vocus|新世代的創作平台
  • 接下來他就直接幫你做第一個UI,也就是我要的塔羅牌網站
vocus|新世代的創作平台

點開啟,你就會看到第一個版本

vocus|新世代的創作平台
  • 第一個版本並不會這麼完美,會缺乏很多細節,這時候你就是要不斷的給他細節優化
vocus|新世代的創作平台

最後我通過細節優化,終於做好了

vocus|新世代的創作平台
  • 做好後,還有個選項可以讓Gemini AI置入到網頁內,你的網頁又會多了許多功能!
vocus|新世代的創作平台

來看看我做的成果

前往我的塔羅牌網站>https://gemini.google.com/share/7976e2ec6ec7

vocus|新世代的創作平台

網站點進去會出現這訊息,請不用擔心,

基本上Gemini 測試分享連結都會有這個,

擔心的話,建議開分身帳號沒有綁卡的,再點進入使用。


最後如果你喜歡這篇文章,也想支持我這個 AI+塔羅的瘋狂實驗,別忘了訂閱,給我一點勇氣繼續玩下去——下一篇說不定就是「AI 幫你算桃花運」了!


留言
avatar-img
紫玉露的沙龍
21會員
17內容數
我是一位多元化的設計師&藝術家,擁有豐富的設計經驗和藝術創作能力。擅長平面設計、品牌設計、包裝設計、AIGC等,也能進行數字繪畫等創作。探索不同設計風格和趨勢,創造獨特設計作品。
紫玉露的沙龍的其他內容
2025/11/15
好久沒在方格子冒泡了,最近又跑回來研究 AI 影片,想說一起把這段時間的心得記錄下來。 這陣子真的覺得 AI 影片越來越成熟了。一開始我是在玩 Sora,但在「角色一致性」這塊一直撞牆,怎麼調都不太穩。結果後來發現 Vidu,角色一致性直接把我震撼到,而且操作起來超直覺,不用搞一堆複雜設定。 價
Thumbnail
2025/11/15
好久沒在方格子冒泡了,最近又跑回來研究 AI 影片,想說一起把這段時間的心得記錄下來。 這陣子真的覺得 AI 影片越來越成熟了。一開始我是在玩 Sora,但在「角色一致性」這塊一直撞牆,怎麼調都不太穩。結果後來發現 Vidu,角色一致性直接把我震撼到,而且操作起來超直覺,不用搞一堆複雜設定。 價
Thumbnail
2024/06/13
本文介紹如何使用即夢Dreamina視頻生成工具,以及相關的技巧和注意事項。即夢Dreamina是一個能夠通過靠頭尾幀補中間的幀生成完整視頻的AI工具,並提供每日60積分的服務。文章將介紹製作圖片、背景修改、運鏡控制等步驟,並提供無限生成穿梭動畫的方法。
Thumbnail
2024/06/13
本文介紹如何使用即夢Dreamina視頻生成工具,以及相關的技巧和注意事項。即夢Dreamina是一個能夠通過靠頭尾幀補中間的幀生成完整視頻的AI工具,並提供每日60積分的服務。文章將介紹製作圖片、背景修改、運鏡控制等步驟,並提供無限生成穿梭動畫的方法。
Thumbnail
2024/06/09
AIGC,全名是人工智能生成內容(AI-generated content),指的是使用人工智能技術自動生成的各種數字內容。這些內容可以包括文本、圖像、音樂、視頻、程式碼等等。AIGC利用自然語言處理(NLP)、計算機視覺、機器學習和深度學習等技術來創建和生成這些內容。
Thumbnail
2024/06/09
AIGC,全名是人工智能生成內容(AI-generated content),指的是使用人工智能技術自動生成的各種數字內容。這些內容可以包括文本、圖像、音樂、視頻、程式碼等等。AIGC利用自然語言處理(NLP)、計算機視覺、機器學習和深度學習等技術來創建和生成這些內容。
Thumbnail
看更多
你可能也想看
Thumbnail
Cloudflare 全球大當機,也方格子進不來,只好現在補記。我特別想優先提的是:ChatGPT 的APP版正常。以下來自bing版的Copilot:🌐【Cloudflare 全球大當機懶人包】2025.11.18
Thumbnail
Cloudflare 全球大當機,也方格子進不來,只好現在補記。我特別想優先提的是:ChatGPT 的APP版正常。以下來自bing版的Copilot:🌐【Cloudflare 全球大當機懶人包】2025.11.18
Thumbnail
在快速變化的科技時代,傳統教育模式已無法滿足未來社會的需求。聖霖與真好文教致力於突破傳統,將創新與科技引入課堂,透過數位教育、AI與機器人技術,打造包容性和多元化的學習環境。從疫情中的轉型到特殊需求學生的支持,真好文教不僅關注學生的學業成就,更注重每個孩子的獨特天賦與潛力。
Thumbnail
在快速變化的科技時代,傳統教育模式已無法滿足未來社會的需求。聖霖與真好文教致力於突破傳統,將創新與科技引入課堂,透過數位教育、AI與機器人技術,打造包容性和多元化的學習環境。從疫情中的轉型到特殊需求學生的支持,真好文教不僅關注學生的學業成就,更注重每個孩子的獨特天賦與潛力。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
Google Gemini 最新推出的「Canvas」功能,為用戶提供了一個全新的互動創作空間,能夠將文字描述快速轉化為應用程式、互動式圖表、測驗等多種形式,進一步提升創作與學習的效率。 🤩 Gemini Canvas 五大隱藏功能 一直以為 Gemini 的 Canvas 畫布功能只是個普
Thumbnail
Google Gemini 最新推出的「Canvas」功能,為用戶提供了一個全新的互動創作空間,能夠將文字描述快速轉化為應用程式、互動式圖表、測驗等多種形式,進一步提升創作與學習的效率。 🤩 Gemini Canvas 五大隱藏功能 一直以為 Gemini 的 Canvas 畫布功能只是個普
Thumbnail
AI潮流來襲,還不快來試試Gemini CLI ,讓你工作事半功倍
Thumbnail
AI潮流來襲,還不快來試試Gemini CLI ,讓你工作事半功倍
Thumbnail
2024年底,我上了兩堂由Media & Learning團體提供的兩堂線上課。一是關於AI工具在課堂上的運用成效,二是關於媒體識讀的遊戲開發。
Thumbnail
2024年底,我上了兩堂由Media & Learning團體提供的兩堂線上課。一是關於AI工具在課堂上的運用成效,二是關於媒體識讀的遊戲開發。
Thumbnail
隨著 AI 模型與應用的日新月異,許多學習者時常感到無所適從,甚至有「跟不上潮流」的焦慮感 (FOMO, Fear of Missing Out)。同時,面對頻繁發布的新技術、新功能,學習者也會擔心自己的知識過時。這種焦慮感讓許多 AI 學習者進退兩難,既想深入學習,卻又難以確定正確的學習策略。
Thumbnail
隨著 AI 模型與應用的日新月異,許多學習者時常感到無所適從,甚至有「跟不上潮流」的焦慮感 (FOMO, Fear of Missing Out)。同時,面對頻繁發布的新技術、新功能,學習者也會擔心自己的知識過時。這種焦慮感讓許多 AI 學習者進退兩難,既想深入學習,卻又難以確定正確的學習策略。
Thumbnail
這篇文章將作為你的入門指南,用最淺顯易懂的方式,帶你全方位認識生成式 AI (Generative AI)是什麼、它是如何運作的,以及這項技術的應用與風險,將為我們的世界帶來哪些改變。
Thumbnail
這篇文章將作為你的入門指南,用最淺顯易懂的方式,帶你全方位認識生成式 AI (Generative AI)是什麼、它是如何運作的,以及這項技術的應用與風險,將為我們的世界帶來哪些改變。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
生成式AI的世界最近掀起了一場新的波瀾, Google 推出的 Gemini 正式進入戰場,向 OpenAI 的 ChatGPT 發起挑戰! 兩大巨頭的巔峰對決不僅吸引了全球的關注,也讓我們見證了一場技術與創意的「武林大會」。💥
Thumbnail
生成式AI的世界最近掀起了一場新的波瀾, Google 推出的 Gemini 正式進入戰場,向 OpenAI 的 ChatGPT 發起挑戰! 兩大巨頭的巔峰對決不僅吸引了全球的關注,也讓我們見證了一場技術與創意的「武林大會」。💥
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News