vocus logo

方格子 vocus

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

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

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

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

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

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

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


先進入網站Gemini 3 Pro

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

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

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

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

raw-image
  • 第一個版本並不會這麼完美,會缺乏很多細節,這時候你就是要不斷的給他細節優化
raw-image

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

raw-image
  • 做好後,還有個選項可以讓Gemini AI置入到網頁內,你的網頁又會多了許多功能!
raw-image

來看看我做的成果

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

raw-image

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

基本上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
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
Cloudflare 全球大當機,也方格子進不來,只好現在補記。我特別想優先提的是:ChatGPT 的APP版正常。以下來自bing版的Copilot:🌐【Cloudflare 全球大當機懶人包】2025.11.18
Thumbnail
Cloudflare 全球大當機,也方格子進不來,只好現在補記。我特別想優先提的是:ChatGPT 的APP版正常。以下來自bing版的Copilot:🌐【Cloudflare 全球大當機懶人包】2025.11.18
Thumbnail
這篇文章將作為你的入門指南,用最淺顯易懂的方式,帶你全方位認識生成式 AI (Generative AI)是什麼、它是如何運作的,以及這項技術的應用與風險,將為我們的世界帶來哪些改變。
Thumbnail
這篇文章將作為你的入門指南,用最淺顯易懂的方式,帶你全方位認識生成式 AI (Generative AI)是什麼、它是如何運作的,以及這項技術的應用與風險,將為我們的世界帶來哪些改變。
Thumbnail
AI潮流來襲,還不快來試試Gemini CLI ,讓你工作事半功倍
Thumbnail
AI潮流來襲,還不快來試試Gemini CLI ,讓你工作事半功倍
Thumbnail
Google Gemini 最新推出的「Canvas」功能,為用戶提供了一個全新的互動創作空間,能夠將文字描述快速轉化為應用程式、互動式圖表、測驗等多種形式,進一步提升創作與學習的效率。 🤩 Gemini Canvas 五大隱藏功能 一直以為 Gemini 的 Canvas 畫布功能只是個普
Thumbnail
Google Gemini 最新推出的「Canvas」功能,為用戶提供了一個全新的互動創作空間,能夠將文字描述快速轉化為應用程式、互動式圖表、測驗等多種形式,進一步提升創作與學習的效率。 🤩 Gemini Canvas 五大隱藏功能 一直以為 Gemini 的 Canvas 畫布功能只是個普
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的世界最近掀起了一場新的波瀾, Google 推出的 Gemini 正式進入戰場,向 OpenAI 的 ChatGPT 發起挑戰! 兩大巨頭的巔峰對決不僅吸引了全球的關注,也讓我們見證了一場技術與創意的「武林大會」。💥
Thumbnail
生成式AI的世界最近掀起了一場新的波瀾, Google 推出的 Gemini 正式進入戰場,向 OpenAI 的 ChatGPT 發起挑戰! 兩大巨頭的巔峰對決不僅吸引了全球的關注,也讓我們見證了一場技術與創意的「武林大會」。💥
Thumbnail
在快速變化的科技時代,傳統教育模式已無法滿足未來社會的需求。聖霖與真好文教致力於突破傳統,將創新與科技引入課堂,透過數位教育、AI與機器人技術,打造包容性和多元化的學習環境。從疫情中的轉型到特殊需求學生的支持,真好文教不僅關注學生的學業成就,更注重每個孩子的獨特天賦與潛力。
Thumbnail
在快速變化的科技時代,傳統教育模式已無法滿足未來社會的需求。聖霖與真好文教致力於突破傳統,將創新與科技引入課堂,透過數位教育、AI與機器人技術,打造包容性和多元化的學習環境。從疫情中的轉型到特殊需求學生的支持,真好文教不僅關注學生的學業成就,更注重每個孩子的獨特天賦與潛力。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News