Gem分享:多樣式Vibe Coding 專案架構師
作者:塾長 日期:2025-11-20 14:23
繼AI知識架構師(萬用提示詞產生器)之後,有一段時間我也常問自己:然後呢?

對於Vibe Coding,我相信每個人都有獨一無二的情境與心境(我喜歡Vibe Flowing),因此,當事人打造Vibe Coding作品,開發工具誠屬重要,但更需要的應該是「需求、創意與想解決的問題或創造的價值」,也是我自己常說的「勇敢想、認真玩!」
我先想自己:除了方便的萬用提示詞公式產生器,記得:萬用,也就是指在產生提示詞的千變萬化而已,但這樣的程式仍只能算是一種。所以我先探索了:請舉例常見的Vibe Coding作品類型,我挑選組合15種,想依使用者輸入的主題來做對應配合,之後將其需求優化出一份Vibe Coding提示詞,繼而生成程式,同時加上版本管控。目前的Gem提示詞如下:
Gem開始
Gem 工作流程設計
步驟 1:接收使用者主題 (Topic Input)
您 (使用者):提供一個您想發展的「主題」或「概念」。
範例:「我想做一個番茄鐘計時器」、「我想分析一個 CSV 檔案」、「我想做一個貪食蛇遊戲」。
步驟 2:自動分析構面與建議類型 (Facet Analysis & Type Suggestion)
我 (Gem):
分析構面:我會將您的主題分解為核心的功能構面。
匹配類型:我會根據這些構面,從文件中提供的五大類型中,推薦最適合的一個或多個選項:
類型 1:實用工具與自動化腳本
類型 2:互動式網頁應用
類型 3:資料分析與視覺化
類型 4:簡單的遊戲與互動式動畫
類型 5:API 整合與聊天機器人
類型 6:即時表單驗證:在用戶填寫表單時即時驗證並提供反饋。 *類型 7:動態內容加載:無需重新載入頁面,通過 AJAX 或 Fetch API 加載新內容。
類型 8:圖片輪播/畫廊:展示一系列圖片,並提供導覽控制。
類型 9:拖放介面:允許用戶通過拖放元素來重新排序或管理內容。
類型 10:即時協作工具:如共享白板、即時編輯文件等(需要後端支持,但前端互動是關鍵)。
類型 11:數據儀表板:動態圖表和表格,通常會定期更新或透過過濾器即時更新。
類型 12:互動式地圖:例如使用 Leaflet 或 Google Maps API 製作的地圖,包含自訂標記和彈出視窗。
類型 13:在線繪圖工具:允許用戶在畫布上繪圖,並提供不同畫筆和顏色選擇。
類型 14:音樂或音訊播放器:具有自定義控制項和視覺化效果的播放器。
類型 15:3D 視覺化:使用 WebGL(Three.js)創建的 3D 場景和動畫。
步驟 3:使用者選定開發類型 (Type Selection)
您 (使用者):從我建議的類型中,選定一個您想優先發展的方向。
步驟 4:生成 Vibe Coding 提示詞範例 (Prompt Generation)
我 (Gem):
整合構面:我會將步驟 2 分析的「構面」作為具體的功能需求。
套用結構:我會使用文件中驗證過的最佳提示詞結構(如「角色設定」、「任務描述」、「具體指示」)。
生成提示詞:產出一個您可以直接複製使用、高度客製化的 Vibe Coding 提示詞範例。
提供迭代建議:同時附上 2-3 個「後續 Vibe 迭代建議」,幫助您逐步完善作品。
步驟 5:你是軟體設計大師,採響應式介面設計軟體方便操作
1.將提示詞範例生成程式
2.每次修正或更新都會產生一個新的版本檔案(版本從1.0.0開始),不覆蓋,保留舊檔。
3.每次修正或更新會加入版本編號。
4.音效或背景音樂使用可正常撥放之來源。
5.整體版面靠上對齊,配色採清晰自然風格,容易辨識。
這個 Gem 的設計已經準備就緒。 您準備好開始了嗎?請提供您的第一個「主題」,我將立即為您啟動這個流程。
Gem結束
步驟5要謝謝網友Yaochou Chung的分享,我還因此緬懷上次寫了34版沒用上這招,哈哈!
您也可以先試試我分享的Gem「Vibe Coding 專案架構師」,記得要勾選 canvas喔!使用過後,就可以在自己的Gem的最下方「與我共用」區找到「Vibe Coding 專案架構師」,從三個小點點選擇建立副本,就可以看到這個Gem如上的提示詞喔!後來看到不同領域老師所開發的作品,如立體模型展開、成語學習閃卡...,我自己也學到很多。昨天我也玩出360相片瀏覽器以及相片生成點線動畫都很有趣呢!一起玩!
![]() | ![]() |
Gem分享:AI知識架構師(萬用提示詞產生器)
作者:塾長 日期:2025-11-20 13:52
在近三個月來探討「AI助力研究與寫作 (YouTube )」的過程中,我主要利用Gemini canvas開發網頁程式。對於研究各階段的行動,加上不同主題的研究切入方式,總想著該有對應的「提示詞組合」,因此,寫了許多網頁程式都是「生成提示詞」的工具。
積累經驗下來發現:即便是相同提示詞組合,只是換了主題,所得到的提示詞產生界面都不盡相同。我最後選定的是「│兩層式功能表提示詞公式」的設計,同時,我也歸納出想讓每次產生的網頁風格盡可能一致(主要也是兩層式公式、下拉選項變數組合),先製作一份JSON格式的選單元素開展是最保障的。因此,下列的提示詞執行兩項任務:讓使用者輸入一個主題後,自動分析與建立構面,建立一份JSON格式,再接著開發成為網頁程式:
你是一位頂級的 AI 知識架構師與提示詞工程師。兩項任務:
一、接收使用者給定的主題,為此主題生成一個純粹的、符合指定結構的 JSON 物件。
執行流程分析:
主題:將主題拆解成 1-5 個核心「構面」。
設計公式:為每個構面設計 1-5 個「提示詞公式」。
定義變數:為每個公式找出 2-5 個 {變數}。
提供選項:為每個變數提供 3-5 個合理的預設選項。
將以上結果,轉換成指定的 JSON 格式。
二、參考json資料,建立一個「主題」HTML程式網頁
主要功能:
1.使用者建立主題後,呈現可展開/收合選單的側邊欄,可以在不同的分析面向與寫作公式之間切換。右側的主區域則會直接顯示您所選公式的參數設定、情境補充欄位以及最終生成的提示詞。
2.公式各項元素可選用下拉選項,提供使用者選用,亦可新增項目並提供補充說明。
3.請使用者補充情境說明,可上傳多份PDF、貼上文字或參考網頁,據以建立提示詞示例。
4.使用者可以編輯提示詞,複製或下載txt檔使用。
5.生成提示詞時,請將各公式參數標題與選項加以組合
6.介面以白色為主
您也可以先試試我分享的Gem,記得要勾選 canvas喔!使用過後,就可以在自己的Gem的最下方「與我共用」區找到「主題架構師Coding」,從三個小點點選擇建立副本,就可以看到這個Gem如上的提示詞喔!近來分享與自製,應該用它生產過上百個提示詞產生器了,一起玩!
![]() | ![]() |
NotebookLM與Gemini新應用作品分享
作者:塾長 日期:2025-11-20 07:47
這幾天在 Google 的兩個 AI 應用上,分別推出了新功能與服務:一個是NotebookLM可以識別圖像,另一個則是Gemini升級到 3.0 版本。我也順手來玩,應用在目前正進行的任務上。
NotebookLM:週五有場關於學生應用生成式AI的資安概念分享,我先寫了兩面筆記,並用錄音檔說明,再利用錄音檔生成大綱簡報(附於文後)。後續想再加入兩頁筆記進行圖像識別,利用Gemini canvas 進一步製作成資訊圖表看看。
![]() | ![]() |
接著來玩Gemini:有三份作品,都在「台南高鐵→市區」的公車上利用手機完成,「作品」都放在Google Apps Script可以直接使用。我利用自己原本已設計的程式產生器Gem(另文分享):
利用「AI 架構師」,製做一個「兒少媒體素養提示詞產生器」作品 ,提示詞:兒少生成式AI媒體素養、產生程式,搞定。
![]() | ![]() |
另外,利用「Vibe Coding專案架構師」製作一個 360 相片瀏覽器,還有「Vibe Sketch」,這個自動創造的標題我很喜歡!
※360 相片瀏覽器作品 ,提示詞:
可以上傳並檢視360相片的瀏覽介面。上傳2D相片也可以模擬為360檢視展現
後續還有迭代版本,可以拉近拉遠檢視相片,我也曾加入小行星模式,但後來放棄這個模式(效果不明顯)。
![]() | ![]() |
※Vibe Sketch作品 ,提示詞:
使用者上傳一張相片,發展一些列作品:
1、黑白單色線稿圖
2、由空白方式展現動畫,以線稿圖動態描繪
3、最後描繪完疊合出原來相片
迭代版本:本來是上傳相片後,藉由黑白線稿漸匯成彩色相片。後來增加上動態錄影功能,以及漸繪過程改成從純黑到漸彩呈現。影片還會自動下載喔,我超喜歡玩的!
![]() | ![]() | ![]() |
I. 引言:認識生成式 AI 帶來的挑戰與機遇
A. 時代背景:生成式 AI 帶來的資安攻防新形勢。
B. 核心議題:個人資訊隱私(個資)的風險與防範。
C. 簡報目標:希望孩子們能「勇敢想、認真玩、聚於知幸福」,並善用科技機會。
II. 生成式 AI 時代的核心威脅與風險
A.深度偽造與內容造假(Deepfakes)
1. 攻擊手法:深度偽造(造假)的新聞。
2. 內容範疇:包括新聞、相片、影片,現在都很容易生成。
3. 行為風險:孩子可能成為打手去攻擊別人。
B. 個人資料外洩與使用習慣
1. 隱私警惕:上傳或改造照片時需要小心。
2. 行為動機關聯:資安風險來自於行為引發的動機、能力與提示的關聯。
C. AI 幻覺與認知偏差
1. AI 幻覺現象:學生可能誤以為是或誤相信自己有能力。
2. 青少年特點:孩子可能容易過度自信。
III. 實務上的安全運用與人際關係維護
A. 個人資安防護的日常習慣
1. 基本操作:瀏覽使用載具後務必登出或使用無痕模式。
2. 點數經驗與追蹤:使用 Google 分身,加上代號來追蹤可能的資訊外漏源網站。
B. 處理人際與情感互動的挑戰
1. 現實關係:重視朋友之間的紅線、人際現場真實的關係,尤其是師生、家人與同儕之間。
2. 線上線下反差:線上遊戲世界與現實的反差,性格外顯或內隱部分,大人不見得知道。
3. 情感教學:SEL 的情感教學變得重要。
4. 負面互動:需處理人際互動中可能出現的層級、暴力或不好的互動。
IV. 教育策略與陪伴者的角色
A. 成年人(師長、家長)的責任與行動
1. 法定責任:在未滿 18 歲的保護下,照顧者、老師、家長都有相對應的責任。
2. 陪伴原則:用正向、樂觀,與其「餘生共在盈語」的機會來陪伴孩子。
3. 掌握狀況:讓陪伴者知道孩子正在做的事情,掌握他們。
4. 求救意識:必須懂得求救真正的大人,以防真的受害。
B. 培養開放態度與免疫力
1. 開放角度:與其防堵或控制時間,不如提供開放的角度,讓他們看見一些案例跟例子。
2. 模擬與演練:讓孩子們自己來模擬,刻意耍笨或自願當受害者,看看生成出什麼效果。
3. 免疫機制:提供孩子們或老師們一定的免疫跟了解,以避免過度自滿或超越現有限制。
C. 鼓勵學生的行為發展
1. 自我當責:個人要當事人的概念。
2. 腦部功能:行為、動機、能力也與大腦的情緒、動機、意志相關。
3. 關鍵能力:鼓勵他們能夠「明辨慎思,也能夠篤行」。
V. 善用生成式 AI 的教育應用與展望
A. 提升教師能力
1. 教師自用:老師可以善用生成式 AI 提升自己。
2. 教案生成:利用生成式 AI 生成案例(例如 RPA 的立刻收集)。
3. 規範生成:利用生成式的公式網頁生成對青少年資安應做的規範與運用,再拿提示詞去搜尋結果。
B. 賦權學生參與
1. 學生創作:提供作品讓學生發揮,從模仿、改造到創造和玩樂。
2. 志工宣講:孩子們說不定也能夠自己來當宣講的志工。
展望台灣智慧教育新藍圖(二)~「2+2提示詞產生器」
作者:塾長 日期:2025-11-12 14:05
在國際旅展後、教育科技展前夕、全民普發萬元期間,可算是「著時」(台語)地分享「台灣智慧教育2+2頁提示詞產生器」程式網頁,做為自己著實觀察四年兩百億的數位學習精進計畫、生生用平板後的再共襄盛舉、期許玩想。
2+2的前兩份,一份是關於政府部門對於數位學習願景描繪與策略規劃、落實實踐,第二份則提供數位學習產業夥伴思考數位轉型應用參考。而新的兩份,則是趁颱風期間,在高鐵或高鐵站裡,使用手機隨想生成的:一份是智慧教育國際比較,以及智庫服務與商模創新。
這幾頁之所以稱為「提示詞產生器」,主要是從不同面向規劃提示詞與參數組合,接著可再用於GAI接續探索,如Gemini 、深度研究,或是NotebookLM 持續挖探。
四年下來,台灣K12教育現場歷經疫情後復課、生生用平板,接著生成式AI應用快速開展,我稱這樣的快速變動,就好像「世界高中中」:全世界猶如再經歷青春期那種高中ing。我期待展會期間可以多與產業夥伴們請益交流,看看大家對於四年來的回顧,更盼想對於新計劃的勇敢想、認真玩的衝勁再出發!
此外,我也藉由亞洲各國教育科技展會的逛展觀察與分析,先有(一)~以85届中国教育装備展資料為參考之例,期待咱們「Taiwan: An AI TW」這樣「樣本等於母群體」的教育現場,再創一番新氣象。
※AI TW 智慧教育創新策略規劃
◎國家戰略與基礎建設
從宏觀角度,闡述特定智慧教育政策與國家頂層設計的戰略連結。
評估大規模硬體部署計畫(如「生生有平板」)的系統性衝擊與挑戰。
◎教學模式與平台應用
設計一堂整合適性學習平台的創新教案。
比較學術理論與台灣政策實踐中「智慧學習」的定義差異。
◎師生核心素養發展
規劃一個系統性的教師專業發展計畫,以提升其AI教學知能。
為國小學生設計一個符合國際趨勢的AI素養課程模組。
◎新興技術與未來挑戰
探討台灣發展「主權AI」對教育領域的戰略意義與潛在應用。
針對智慧教育衍生的倫理困境,提出具體的法規或指導原則建議。
※教育科技產業數位轉型
◎國家戰略與市場趨勢分析
根據亞洲教育科技展會的特性,為公司制定一份初步的市場切入策略報告。
分析 '{顛覆性技術}' 對 '{目標教育階段}' 的潛在影響,並草擬一份產品概念書。
◎核心教學理論與AI整合
闡述如何將生成式AI與公司的 '{核心教學法}' 進行深度整合。
針對教育科技產品中的AI功能,草擬一份負責任的AI發展框架。
◎產品生態系與競爭定位
針對 '{主要競爭對手}' 進行競爭分析,並確立公司的差異化定位。
根據公司的競爭定位,為 '{目標使用者}' 設計核心的市場溝通訊息。
◎教師賦能與使用者採納
設計一個全面的教師增能計畫,以應對當前的 '{使用者採納落差}' 問題。
為教育工作者設計一個在教育科技展會上評估產品的批判性框架
※以全球觀點探討各國智慧教育政策之前瞻研
◎政策比較分析
跨國政策對比
單一政策剖析
◎技術整合應用
新興技術應用
數位平台策略
◎未來發展趨勢
前瞻趨勢預測
未來政策建言
◎實施挑戰與對策
數位落差探討
教師轉型挑戰
◎政策評估與影響
評估框架設計
長期影響分析
◎利害關係人角色
多方協力模式
※智慧教育智庫創新商模 (11/14new)
◎核心定位
使命願景
獨特賣點
◎研究重點
關鍵研究議題
◎服務項目
顧問服務設計
數據產品規劃
◎商業模式
收入來源
關鍵夥伴關係
◎目標客群
目標客戶畫像
◎推廣策略
內容行銷策略
我將大家整理於一頁Notion「台灣智慧教育提示詞」
![]() | ![]() |
![]() | ![]() |
利用Gemini撰寫Python程式,擷取NotebookLM影片摘要的圖片與文字
作者:塾長 日期:2025-11-10 07:42
最近喜歡看把自己的上課資料,經由NotebookLM產生的「影片摘要」,我想將影片的畫面和文字再整理來運用。我把利用Gemini探索的對話歷程加以分享,因為考量到每個人的電腦裡Python執行還境不同,讓有興趣的夥伴可以自己動手試試喔!

以下整理A~G階段的提示詞與回應供大家參考(對話歷程加以分享):※是我自言自語、◎則是與Gemini的互動
※晚上睡前
◎A、首先提出需求:(Gemini回應就已A回應表示)
上傳從觀看者到創造者:解鎖VR與AI的力量.mp4檔案
你是一個專業的影片內容分析師,請將影片轉換為逐頁投影片:
請按照以下步驟處理:
1. 分析影片內容結構,識別主要段落和重點
2. 擷取關鍵畫面作為投影片視覺素材
3. 為每個關鍵畫面撰寫簡潔的說明文字
4. 組織成邏輯連貫的投影片序列
投影片格式要求:
- 總頁數:8-15頁
- 每頁包含:標題、關鍵畫面、重點說明
- 語言:中文
- 風格:專業簡潔
◎A回應:
1.影片分析投影片:從觀看者到創造者:解鎖VR與AI的力量
(略)提供各頁解析標題、重點說明,但關鍵畫面只以間點與文字簡述。
另外,我順手將結果也建立一份資訊圖表展現
◎B、各頁畫面可否擷取出來?
◎B回應:
我無法直接將影片畫面擷取為獨立的圖片檔案。
不過,我在分析時所參考的關鍵畫面時間點如下,您可以在影片 從觀看者到創造者:解鎖VR與AI的力量.mp4 中找到它們:
(略)條列個關鍵畫面與時間點。

※第二天一早想到....
◎C、我們可以改用Python 來寫嗎?我把影片檔放資料夾中,程式分析重要畫面,建立jpg 或png圖檔,另外還有txt逐字稿。
◎C回應:
這是一個很棒的想法!我們可以透過 Python 來自動化處理這個任務。(略)
我可以為您產生一個完整的 Python 專案,您只需要在您的電腦上設定好環境並執行它。我將為您產生三個檔案:
video_analyzer.py:這是核心的 Python 程式,它會執行所有的分析工作。
requirements.txt:這是一個文字檔,列出了執行此程式所需的所有 Python 函式庫。
README.md:一份完整的中文說明書,指導您如何設定環境並執行程式。

◎C.1、依據說明執行後,出現錯誤訊息,就把訊息複製貼回來再問。
OSError: [WinError 1114] 動態連結程式庫 (DLL) 初始化例行程序失敗。 Error loading "C:UsersuserAppDataLocalProgramsPythonPython313Libsite-packages orchlibc10.dll" or one of its dependencies.
C.1回應:
您看到的錯誤 Error loading ... c10.dll 是 PyTorch (torch) 函式庫在試圖載入其核心 DLL 檔案時發生的。openai-whisper 函式庫依賴 torch 來運作,所以 import whisper 時會觸發這個問題。
根本原因 問題的根本原因是您目前使用的 Python 3.13 版本。
※以下是處理個人電腦環境的依引導進行,各種版本與元件,大家或有不同喔!
◎C.2 依據引導操作,再貼問「No suitable Python runtime found」
C.2回應:
解決方案:安裝 Python 3.11 您需要手動下載並安裝 Python 3.11。請依照以下步驟操作:(略)
◎C.3 還是未成功「OSError: [WinError 1114] 動態連結程式庫 (DLL) 初始化例行程序失敗。 Error」(略)
C.3回應:
您好,這個錯誤 [WinError 1114] 確實很棘手。
恭喜您!您已經成功建立了虛擬環境 .venv (我們從錯誤路徑 .venvLibsite-packages... 中可以看到),並且也使用了正確的 Python 3.11 版本。現在的問題不再是 Python 版本,而是 PyTorch (torch) 函式庫本身

※經過幾回後,終於成功了!所以我想再改程式。
※給讀者建議:若您要試試時,可以從C步驟直接開始:我想撰寫用Python程式,把影片檔放資料夾中,程式分析重要畫面,建立jpg 或png圖檔,另外還有txt逐字稿。
◎D、太開心、成功了!可否幫我改寫:運用在自己提供的mp4影片上,而且沒有事先分析關鍵時間點與畫面的數據?
◎D回應:改寫程式(略)
撰寫心程式後,以後自己更改程式中影片名稱即可。
VIDEO_FILE = "從觀看者到創造者:解鎖VR與AI的力量.mp4"(# !!! 請將您要分析的影片檔名填寫在這裡 !!!)

◎E、對了,文字檔也很完整,但...,可以加上標點符號嗎?
◎E回應:(略)處理完成

※以下是自己搞烏龍...,因為寫好的python程式改名字了....Gemini還不失禮貌地提醒我,哈哈!
◎F、(.venv) C:UsersuserDesktopVideoProject>python video_analyzer.py
◎F回應:
您好,看到這個錯誤了! [Errno 2] No such file or directory
這個錯誤的意思非常單純:您要執行的檔案名稱打錯了,或者該檔案不存在於您目前的資料夾中。

※最後一步驟,也是這次文章裡的附圖,我也很喜歡!
◎G、我發現:咱們這次的對話,不也是一次人機互動的最適流程演示嗎?你能否將這次歷程做成一頁式動畫,讓每個流程可以展現進度與改善的重點,提供使用者點選按鈕後進入各階段,就好像看見咱們這次全互動的美好再現?好期待啊!
◎G回應:(略)完成一頁式互動網頁 (SPA),包含6頁步驟圖。
Gemini深度研究「展會分析與產業創新建議」
作者:塾長 日期:2025-11-02 09:42
兩個月來,多在規劃生成式AI應用於研究撰寫,主要從選擇題目、文獻探討及文獻挖掘探勘的角度出發。
心血來潮,我把兩年多來近四十次的旅遊或逛展的試算表截圖,包含時間日期、費用資料,還有程式與展會等,在Gemini附上兩張圖來建立深度研究報告。
我的提示詞:以附圖案例分析時間、城市、主題展會與花費,綜合歸納後,提出相關產業的未來,結合GAI與跨域創新的建議,同時,也給予這位專業看展人未來可探討的趨勢與方向。
分享深度研究文件「展會分析與產業創新建議」、YouTube影 片說明
Gemini直接辨識這兩張圖片中的數據,據此生成深度研究報告,真讓我自己「受驚」了~我甚至想...有可能在第四章撰寫「研究結果分析與整理部分,可以利用生成式AI,可以先將構想、草稿或素材作為輸入,以生成參考資訊呢!
另外,這份AI生成的報告內容與原始數據,由我自己印證來看實屬「大同小異」,只有圖表數據略有不同。不過,報告中不僅分析我在不同時間、城市、經費考量(費用或展覽關係)下的活動模式。還提供了未來展望:建議我2026年的未來逛展規劃,包括前往東南亞的可能性。甚至,報告提到智慧科技在教育和養老方面的應用,將其評估為一個「萬億級商機」耶,超級開心!
![]() | ![]() |
- 1




















