現在大家都在煩惱流量，過去的標準答案是做好 SEO。但傳統搜尋引擎的玩法正在改變，如今更關鍵的是如何被 AI 抓取。朋友分享了第一批被 Meta AI 讀取的商家實例，揭開了 AEO 的重要性。 ▋ 解析 AEO 與 AI 爬蟲邏輯 AEO 的核心，是把網站資訊轉換成 AI 容易消化的格式。實測發現，只要透過特定平台讓爬蟲掃描，就能自動產生專屬的 llms.txt 檔案。這不僅僅是資料上架，更是讓你的網站正式拿到 AI 時代的流量入場券。 ▋ 零門檻的網站體質檢測 第一步，直接把你的網址丟進Washinmura AEO 掃描工具 進行檢測。系統會幫你精準算出 AI 分數，並揪出所有的缺失項目。我一開始測出只有四十分，像是 AI 搜尋、商家辨識與社群分享等區塊全都掛零。 ▋ 一鍵複製專屬修復碼 面對慘烈的分數，看不懂底層邏輯也完全沒關係。系統會提供專屬的 AEO 商家專頁，只要填妥一句話介紹、地址與信箱。點擊「一鍵複製程式碼」，它就會自動產生所有你需要的同步設定。 ▋ 讓 AI 成為你的專屬工程師 拿到程式碼後，反直覺的是：你根本不需要親自動手改網站。打開 VS Code 搭配 Codex 等編輯工具，把原始網站內容與修復碼通通丟給 AI。直接請它為你量身打造一份 AEO 強化計畫： 12請加強我網站的 AEO 內容，參考我提供的修復碼。先給我一份強化計畫，確認後再幫我實作 JSON-LD 等需要的資料。 ▋ 掌握微調的主動權 實作過程中，你才是掌控全域的主管。像是我不想在網站上公開電話號碼，就直接請 AI 拿掉並重新調整。不要害怕來回溝通，透過幾次反覆掃描與修正，分數自然會大幅攀升。 ▋ 搶佔未來的流量入口 經過這套「掃描、產碼、AI 實作」的流程，我的網站最終拿到了八十四分。雖然離一百分還有一小段距離，但系統顯示這已經贏過 96% 的網站。不用高深的技術，就能輕鬆省下大量的摸索成本。 ▋ 馬上開始你的 AEO 升級 這套AEO 掃描工具 目前完全免費。網站裡還有和心村等相關資訊與應用案例，非常推薦親自去試試看。想了解更多 AI 應用與自動化工具，歡迎訂閱並持續關注享哥。 常見問答 (FAQ)Q1: AEO 和 SEO 有什麼差別？SEO 主要是針對傳統搜尋引擎排名做優化，AEO 則更偏向讓 AI 搜尋系統、AI 助理與大型語言模型更容易理解、引用與整理你的網站內容。兩者不是互斥，而是現在建議同步經營。 Q2: 為什麼網站需要 llms.txt？llms.txt 可以視為提供給 AI 爬蟲閱讀的導覽資訊，幫助模型更快知道網站有哪些重要內容、頁面與可引用資源。它不一定是唯一關鍵，但對 AEO 來說是很實用的基礎配置。 Q3: 不會寫程式，也能做 AEO 優化嗎？可以。這篇文章介紹的流程，就是先用 AEO 掃描工具找出問題，再把產生的修復碼交給 AI 編輯器協助實作。即使你不熟程式，也能透過 AI 協作完成大部分調整。 Q4: AEO 分數提升後，網站就一定會被 AI 引用嗎？不一定。AEO 分數代表網站對 AI 讀取的友善程度提高，但是否真的被引用，還是會受到內容品質、主題權威性、更新頻率與網站整體結構影響。分數提升是重要起點，不是唯一保證。 Q5: 文章中加入 FAQ 有什麼好處？FAQ 內容更接近真實使用者提問，能幫助搜尋引擎與 AI 系統更快理解你的頁面主題與答案結構。在這個 Hexo 架構中，加入可辨識的 FAQ 區塊後，也更有機會輸出對應的 FAQ 結構化資料。 相關網站 Washinmura AEO 掃描工具 AEO Spider

还在一帧一帧手剪视频？把 Google Gemini 当剪辑助手，一天直接出 4 条成片。下面这 6 个提示词，把剪辑从“苦力活”，变成“策略活”👇— 摆烂程序媛 (@wanerfu) March 1, 2026 靈感整理自 X 貼文：https://x.com/i/status/2027958008026972389 剪片最耗的不是「會不會剪」，而是：找重點、想節奏、對齊風格、反覆調整。把這些「腦力活」交給 Google Gemini，你就能把時間留給真正值錢的部分：審美、決策、把關。 這篇整理 6 個提示詞（Prompt），你可以照順序走一輪，把剪輯從苦力活升級成策略活，產出速度會明顯拉起來。 核心觀念：AI 做策略大腦，人做美感總監 AI 擅長：拆結構、拆敘事、列節奏、找切點、補 B-roll、建議參數 人擅長：選鏡頭、品味判斷、節奏微調、情緒拿捏、最後一哩路的「好看」 你會更像導演/製片，而不是時間軸工人。 使用方式：一支片的 6 步工作流 先用「剪輯計畫」把整支片的節奏藍圖定好 用「風格匹配」把爆款節奏模型對齊 用「敘事提升」把腳本剪得更順更有衝擊 用「技術調整」定輸出參數避免畫質翻車 用「素材審查」從原始素材抓亮點與弱點 用「剪輯回饋」當第二雙眼睛做 QA 1）剪輯計畫：先做藍圖，不要邊剪邊想用途：像專業剪輯師先做「剪輯大綱」，包含節奏、切割點、B 素材、轉場設計，目標是維持注意力。 提示詞： 12345678910你是專業影片剪輯師。請審查以下素材描述，制定「精準剪輯計畫」，包含：1) 整體節奏（快/慢、段落長度、注意力鉤子）2) 關鍵切割點（哪些句子/畫面要切、為什麼）3) B-roll 規劃（需要哪些補畫面、放在哪裡）4) 轉場與視覺節奏（硬切/轉場/推拉/節奏點）5) 字幕與重點文字（哪些字要放大、哪些要上屏）目標：保持觀眾注意力，避免分心與拖沓。素材描述：[貼上素材描述/時間軸摘要/重點段落] 2）風格匹配：拆解參考影片，複製「節奏模型」 用途：你不是在抄內容，而是在複製「剪輯語法」：切割密度、節奏、字幕、音效、色調。 提示詞： 1234567891011121314151617你是專業影片剪輯師。請分析以下參考影片的剪輯風格，並拆解成可複製的規則：- 切割密度：平均幾秒一切？什麼時候加速？- 時序：先結論後鋪陳？還是故事推進？- 調色：整體偏暖/偏冷？對比與飽和大概落點？- 音效：哪些地方加強節奏？轉場音效用法？- 文字：字幕樣式、關鍵字上屏策略、資訊密度最後，請把這套規則「套用到」我的主題，給我具體剪輯建議與段落安排。我的主題：[主題一句話 / 影片目的]參考影片連結（或描述）：[貼上連結/貼上描述]我的素材概況：[拍攝場景、人物、鏡頭類型、長度、重點] 3）敘事提升：讓資訊更清楚、情緒更有力 用途：把「講得完」變「想看完」。AI 很會抓：冗詞、順序、重點句、情緒落點。 提示詞： 123456789101112你是內容導演 + 剪輯總監。請審查以下腳本，提出「剪輯層面」的敘事優化建議：- 哪些段落應刪除（理由：重複/無推進/無價值）- 哪些段落應重排（理由：理解成本/張力/節奏）- 哪些句子要強調（可做：放大字、停頓、B-roll、音效）- 開頭 3 秒鉤子怎麼做更強- 結尾怎麼收才會讓人想收藏/留言/轉發目標觀眾：[觀眾輪廓/痛點/想解決的事]腳本：[貼上腳本全文] 4）技術調整：輸出設定不要再靠猜 用途：不同平台、不同風格，輸出參數差很多。先定好，避免畫面糊、聲音炸、被平台壓縮。 提示詞： 12345678910111213141516請根據以下「平台」與「風格」，建議最佳輸出設定，並給出你推薦的原因：- 解析度與比例（例如 9:16 / 16:9）- 幀率（FPS）- 位元率（Bitrate）- 編碼（H.264/H.265 等）- 音訊（取樣率、位元率、響度建議）- 字幕安全區與清晰度注意事項平台：[YouTube / IG Reels / TikTok / B 站 / 小紅書...]影片風格：[教學 / Vlog / 訪談 / 口播 / 產品展示...]素材規格（若知道）：[原始解析度/幀率/相機或手機型號] 5）素材審查：先找亮點與弱點，再開始剪 用途：把「挑鏡頭、找精華」交給 AI，特別適合一堆長素材、訪談、口播、活動紀錄。 提示詞： 1234567891011請以「剪輯師審素材」的角度，根據以下素材描述/時間碼筆記，給我：1) 精彩片段候選（為什麼精彩、適合放哪）2) 弱點與需要避開的段落（拖、贅、雜音、重複）3) 建議切割點與節奏（哪裡該快剪、哪裡該停）4) 建議補的 B-roll 清單（具體到畫面類型）5) 建議的成片結構（段落順序）目標：乾淨、專業、有節奏、有重點。素材描述/時間碼筆記：[貼上你的紀錄，例如 00:00-01:20 介紹、01:20-02:10 亮點...] 6）剪輯回饋：把 Gemini 當第二雙眼睛做 QA 用途：你剪完常會「看久了看不出問題」。讓 AI 針對節奏、音訊、調色、清晰度給修改清單。 提示詞： 12345678910111213請以「成片檢查」角度，評估我這支已剪影片，並提出可執行的修改建議：- 節奏：哪裡太慢/太快、什麼點應更早切- 流暢：段落銜接是否順、是否缺關鍵資訊- 音訊：人聲是否清楚、背景音是否干擾、音量是否一致- 調色：是否一致、是否過暗/過飽和- 清晰：字幕是否易讀、資訊密度是否過高最後給我「優先順序」：哪些改動最划算、效果最大。影片目標與平台：[平台/目標，例如提高完播或導流]影片時間軸摘要（或你自寫的版本紀錄）：[例如：00:00 鉤子、00:03 結論、00:10 解法...] 加速小技巧：讓 AI 回答更準的 3 個輸入你提供的「素材描述」越具體，回覆越像你的專屬剪輯師： 1. 一句話目標：這支片要讓觀眾看完做什麼？（收藏/留言/點連結/買單） 2. 受眾輪廓：新手/進階/專業？痛點是什麼？ 3. 時間碼筆記：不需要逐字稿，有「段落 + 時間」就很夠用 結語：你把時間花在哪裡，就會變成什麼樣的剪輯師 當 AI 幫你把策略、結構、節奏先打底，你就能把力氣用在「更像作品」的地方：更準的鏡頭、更漂亮的節奏、更好的品味、更一致的整體感。

大家好，我是享哥。現在用 AI 已經可以快速生成令人驚豔的短影片！今天這篇教學，我將詳細分享如何透過「九宮格圖片生成法」，一次產出連貫且人物一致的分鏡，並結合 Grok 等 AI 工具，快速製作出高畫質的短影音。 核心概念：為什麼要用「九宮格」生成分鏡？製作 AI 短影片要流暢，最怕遇到人物特徵或風格中途跑掉。我們核心的做法是一次生成一個九宮格的完整圖片。 給 AI 一個完整故事後，透過分鏡圖片一次生成九張，不僅能確保內容結構的完整性，人物也比較不會發生改變。這個技巧能幫我們省去大量反覆微調人物一致性的時間。 AI 影片生成 4 步實戰工作流第一步：請 AI 構思短影音與分鏡腳本萬事起頭難，首先我們要給 AI 一個方向。你可以請 AI（例如 Gemini）幫忙想一個一分鐘的短影音故事腳本。 以「金融槓桿小惡魔講解川普關稅政策」為例，先讓 AI 生成基礎故事，你可以與它反覆討論、修改並調整出想要的內容。確認內容後，再根據腳本，請 AI 規劃九張分鏡圖片的腳本，必須明確指出每個畫面的： 畫面內容 鏡頭語言與視覺效果 腳本關鍵對白 第二步：生成 3x3 九宮格圖片與 Grok 提示詞有了分鏡腳本，接下來就需要將文字具象化為畫面。請根據腳本內容，讓 AI 生成一張完整的九宮格圖片。建議的設定參數如下： 1234- 圖片佈局：九宮格 3x3 格式- 圖片比例：16:9 (若要做直式短影音可改為 9:16)- 圖片限制：畫面中絕對不要包含任何文字- 畫面解析度：4K (為了盡量提升生成圖片的細節) 目前這類生成的完整圖片尺寸大約是 2752 x 1536，做為後續短影片分割的素材已經相當夠用。同時，記得請 AI 將剛才的分鏡腳本，轉換為 Grok 格式的影片生成提示詞（包含中英文提示詞、運鏡動作與對白），為下一步做準備。 第三步：利用工具進行圖片分割拿到九宮格圖片後，我們需要將其裁切成九張獨立的圖。 在開始做第一張影片之前，你可以直接使用我製作的小工具——九宮格圖片分割工具。只要將生成的九宮格圖片丟進工具中，它就能幫你快速分割，讓你一鍵將九張獨立的分鏡圖全部下載下來。 九宮格圖片分割工具 第四步：使用 Grok 進行動態影片生成因為我們是採取「單張圖片轉影片」的模式，不一定要使用即夢或是可靈等具備高階首尾幀技術的影片生成工具，Grok 就是一個非常合適且強大的選擇。 進入 Grok 後，依照順序將分割好的單張圖片上傳，並把第二步準備好的「中文提示詞與對白」丟上去，Grok 就可以直接開始生成影片。 畫質提升關鍵：Grok 影片升級與下載技巧影片生成後，旁邊會有一個下載按鈕，但下載前請特別注意這個細節！ 在還沒有點擊任何設定前，直接下載的影片大概都只有 480p 的一般畫質。請務必點擊畫面上的「升級影片」選項，將影片升級為 HD 畫質。 12- 一般畫質：480p- HD 畫質：解析度將提升至 1504 x 832 升級為 HD 後再下載，能夠大幅彌補原本單張圖片裁切後解析度的不足，讓最終成品的視覺體驗更好。 後期剪輯與應用場景將九段高畫質 (HD) 的影片片段都下載下來後，就可以丟入剪輯軟體中進行最後處理。你可以篩選最好的片段、加上字幕、添加音效特效，或是利用變速的方式去做節奏管理。剪輯完成後，就會是一支極具質感的 AI 短影片。 AI 影片的時代已經來臨！我們如何透過這些 AI 應用工具，以前所未有的速度完成從「文字變圖片、圖片變影片」的工作流，並將內容成功渲染出去，不管是對自媒體經營還是電商行銷，都是一個非常強大的槓桿。 常見問答 (FAQ)Q1：為什麼做 AI 短影音時，要先生成九宮格分鏡圖，而不是一張一張單獨生成？因為一次生成同一組九個畫面，角色外型、服裝、風格與場景調性通常會更一致。若分開逐張生成，很容易出現人物臉型改變、色調跑掉或鏡頭風格不連續的問題，後面剪輯時會更難處理。 Q2：九宮格圖片一定要做成 16:9 嗎？直式短影音怎麼辦？不一定。如果你的內容主要發布在 YouTube Shorts、Instagram Reels 或 TikTok，建議一開始就改成 9:16 構圖；如果想同時兼顧橫式與直式版本，可以先明確告訴 AI 你的輸出平台，再決定九宮格整體比例，避免後續裁切時把主體切掉。 Q3：用 Grok 做圖片轉影片時，提示詞要寫得多細？越具體越好。至少要包含畫面主體、人物動作、鏡頭運動、情緒氛圍與台詞內容。若只給一句很簡短的描述，生成結果通常會偏隨機；把每格分鏡的鏡頭語言與對白先寫清楚，影片的可控性會高很多。 Q4：九宮格分割後的單張圖片解析度會不會不夠？有可能，所以文章裡才會特別建議先用 4K 九宮格圖片，並在 Grok 生成完成後記得升級成 HD 再下載。這兩個步驟能有效減少分割後單張圖片細節不足的問題，讓最後串接起來的影片看起來更穩定。 Q5：這套工作流適合哪些人使用？很適合自媒體創作者、短影音操盤手、課程講師、品牌行銷人員與電商團隊。只要你常常需要把一個觀點快速變成有角色、有節奏的短影片，這種「先分鏡、再分割、再逐格生影片」的方法，會比從零硬做整支影片更省時間。 希望以上的實戰分享對大家有幫助，想了解更多 AI 應用，歡迎關注我、訂閱我，謝謝大家！

Hello 我是享哥。今天要跟大家分享一套強大的自動化影音工具——Remotion。 如果你還不會安裝 Remotion，非常推薦直接將它的官方網站網址丟給 AI 助手，請 AI 提供安裝指令，就能輕鬆完成基礎環境的建置。 什麼是喵喵經濟學人？解析自動化短影音工作流在環境安裝完畢後，今天要為大家測試網路上討論度極高的專案：「喵喵經濟學人」。 這是一個專門用於自動化製作 9:16 火柴人風格短影片的工具，特別適合用來做心理學與經濟學的科普。它提供了一套非常完整的標準化工作流，涵蓋了以下核心環節： 腳本撰寫 配音生成 畫面繪製 Remotion 影片最終合成 也就是說，只要餵給它故事腳本，系統就能自動生成對應的圖片、文字內容與配音，並一鍵合成完整的短影音。你還能在核心參數中，彈性設定喜歡的音色與圖片風格。 實戰教學：如何用 AI 生成一分鐘經濟學短片？接下來，我將實際演示如何請 AI 產出一支一分鐘的短影音。這支影片的內容，是透過「喵喵經濟學人」來解析美國與以色列對抗伊朗的事件，會如何影響世界經濟。 步驟一：設定故事核心與隱喻腳本首先，我們來到 Antigravity 介面，輸入指令：「Create video 一分鐘短影片，內容是喵喵經濟學人講解美國和以色列攻打伊朗，對於世界經濟的影響」。 系統會開始引用對應的 Skill（記得事前需要先建立好一個 Skill 來引用）。接著，它會根據設定好的核心主題進行創作。為了讓科普內容更生動，系統大量使用了隱喻的方式來呈現國際衝突： 沙漠悍貓國：代表以色列 波斯貓國：代表伊朗 黑色的魚油：代表石油 罐罐通膨與貓薄荷：代表經濟與物價影響 步驟二：API 替代方案與自動生成在語音生成的部分，系統預設使用的是 Minimax 的 API。但因為我目前沒有提供該 API，所以我改用 Edge TTS 來作為語音替代方案，並完成相關的基礎設定。 當 Plan 與 Task 都設定完畢後，系統就會進入生成與處理階段。處理完成後，程式會在 Out 資料夾中將圖片與影片進行完整合成，最終輸出一支完整的短片。 常見問題與解決方案：遇到「全紫畫面」怎麼辦？在自動化生成的過程中，難免會遇到一些突發狀況。 舉例來說，我第一次生成時，合成出的影片竟然是「全紫色」且完全沒有圖片。遇到這種情況我們應該怎麼辦呢？ 因為我是使用 Gemini 模型，我的解法是請模型利用 nano banana 去生成影片所需的相關圖片。雖然這個方法沒有辦法一次並行生成所有圖片，系統必須一張一張慢慢排程製作，過程中偶爾也會遇到失敗的情況；但只要耐心等待，它最終會慢慢把腳本裡所有的圖片素材逐一產出。將素材補齊後，就可以順利合併成最終的影片了。 結語以上就是透過 Remotion 程式，串接 AI 自動生成與剪輯影片的完整過程。 今天就跟大家分享介紹到這邊，影片最後我會放上成品給大家參考，有需要的朋友可以繼續往後觀看。想要了解更多 AI 自動化實用工具與工作流應用，歡迎關注並且訂閱我，謝謝大家今天的收看與支持！

Hello 我是享哥！今天跟大家分享是我 Vibe Coding 的一個作品，會跟你講我的思路，跟我如何去做到這樣子一個作品。好，話不多說，我們開始吧！ 為什麼想打造這個接案網站？大家看到的這個畫面，是我 Vibe Coding 的一個網站，它是一個形象網站。為什麼會有這樣子的想法跟起源？最近在接案時，我發現這常常是接案遇到的痛點：不管跟業主怎麼溝通，他都不知道要給什麼資料。 所以，不如先做一個 Demo 給他看。他知道至少會有首頁、文章、產品、關於我們、常見問題，跟聯絡我們這些項目，他也就會知道要給我類似的相關問題跟內容。這就是開發這個網站的出發點。 Demo 網站展示 網站核心功能：滿足業主的基本需求產品型錄與聯絡表單對方希望有一個產品分類，最核心的功能會是產品這塊。你點進來，它可以去洽詢產品，比如說連到公司的聯絡表單，或是說直接聯絡他、打電話給他。這裡是他的產品型錄，這是最基本他可能會需要用到的一個功能。 文章與最新消息展示再來是文章這塊，比如說公司有很多最新消息，或是有一些內容希望用文章的方式來做呈現。這些我都會先做假資料，讓他大概能看到它實際的樣子。 內建 CMS 後台管理系統這些內容我們可以透過類似 WordPress 這種 CMS 的後台來做管理。我們也做了一個專屬的後台，也就是說如果增加了什麼內容（例如文章有什麼更新），它會同步在前台顯示，這是一個最大的優勢。當然，不論你要新增內容、產品文章，包括輪播圖或媒體要上架，這些東西都是可以輕鬆完成的。 實用亮點：一鍵切換產業主題模板第二個亮點就是我設計的主題模板。也就是說今天我接到了比較偏「工業設備」這塊的案子，我可以先套用該主題，它會先備份並套用起來。 這些全部都是假資料，當我重整一下，你看它就變成了「打造穩定智慧工廠的產線」。圖片都是先用網路上高品質的圖庫去做應用。主要是讓他看到 Demo 網站，讓他知道這些區塊應該要提供什麼樣的素材（比如說他需要給照片套進去，以及相關的資訊內容），大幅方便我們在接案的時候使用。 因應不同組織屬性的彈性調整當然有的時候除了產品型錄，我們要的可能是比較像「社團組織官網」這種類型。套完版之後，它的一些網址跟內容會比較不太一樣，所以需要重新重整。 像剛剛的「文章」就變成了「最新消息」，因為對社團來說，他們比較需要的是最新消息的發佈；社團沒有產品，所以該區塊可能就會變成「活動」，這部分可能要再微調修改一下。不過這主要是先給業主看一下，原來整個網站的概念會是什麼樣的呈現，後續大家可以再去做一些調整跟處理，這就是套版設計的魅力。 技術架構：AI Coding 與 Cloudflare 部署要完成這些功能，除了 AI 的 coding 以外，我們還需要進行部署。我是使用 Cloudflare 去做部署的，大家可以稍微再去查一下，包括它的 D1 資料庫，或是相關可以放產品、圖片等內容的儲存方案，它都可以做很好的支援。這是目前最流暢、最簡單的設計 vibe coding 做法。 以上跟大家分享我的 vibe coding 的作品！至於實際怎麼做，之後會再錄相關一系列的影片跟大家分享。 常見問答 (FAQ)Q1: 什麼是內建 CMS 的接案網站？內建 CMS 的接案網站，指的是前台網站與後台內容管理系統整合在同一個專案裡，業主可以自己新增文章、產品、圖片與首頁素材，不需要每次改內容都回頭找工程師處理。 Q2: 為什麼做接案提案時，先準備一個 Demo 網站很重要？因為很多業主其實不知道網站需要準備哪些資料，先做出可操作的 Demo，能讓對方快速理解首頁、產品、文章、聯絡表單與常見問題等區塊長什麼樣子，也比較容易收集正確素材。這篇提到的展示站也可以直接參考： Demo 網站展示 Q3: 這種 Vibe Coding 接案網站適合哪些產業使用？很適合需要品牌形象頁、產品型錄、最新消息或活動頁面的產業，例如工業設備、服務型公司、教育品牌、協會組織與中小企業官網，都可以用同一套架構再做細部調整。 Q4: Cloudflare 在這個 AI 接案網站架構中主要負責什麼？Cloudflare 主要負責網站部署與雲端基礎設施，像是 Pages、Workers、D1 資料庫與媒體儲存相關服務，能讓網站前台、後台與資料管理放在同一個生態系裡，部署流程也相對單純。 Q5: 用 AI 打造可切版的 CMS 網站，對接案流程有什麼幫助？最大的幫助是把提案、製作 Demo、內容上架與後續維護整合成更快的工作流。你可以先用 AI 快速完成初版，再依不同產業切換主題模板，讓業主更快看到成果，也更容易推進合作與簽約。 如果你想要了解更多 AI 自動化，或是 AI 相關應用的話，請訂閱我、關注我！

各位同學大家新年快樂，我是享哥！ 今天要跟大家分享近期在 Threads 上面非常火紅的一款 WordPress 全新開源外掛——Novamira。這款在二月份剛開源的外掛，看過介紹後讓我非常好奇，因為它號稱能夠徹底顛覆現有的 AI 協作模式。經過實際測試後，接下來我將完整分享我的使用心得與操作教學。 Novamira 是什麼？為什麼能顛覆 AI 協作模式？Novamira 的核心價值在於徹底打通了 WordPress 與 AI 開發工具（如 Cursor、VS Code、Claude Desktop 等）之間的隔閡。 過去我們在開發或修改 WordPress 主題與外掛時，必須先看懂 PHP 程式碼，遇到問題還要將整段程式碼複製丟給 AI，等 AI 產出解答後再手動貼回伺服器。而 Novamira 透過 MCP (Model Context Protocol) 協定，賦予 AI 直接讀取、寫入、編輯現有檔案，甚至刪除伺服器上 PHP 程式碼的能力。 如何安裝與設定 Novamira？完整圖文步驟要讓 AI 與你的 WordPress 網站順利連線，請跟著以下步驟進行設定： 步驟一：下載與安裝外掛 前往 Novamira 官網，直接點擊 Download for free 下載外掛壓縮檔。 開啟你的 WordPress 後台（建議先準備一個全空的測試環境）。 進入外掛選單，點擊「上傳檔案」，將剛剛下載的壓縮檔上傳並啟用。 步驟二：產生並配置 MCP 伺服器金鑰安裝完成後，我們需要建立一組讓 AI 工具存取網站的授權密碼： 在外掛設定頁面，點擊 Create New Application Password。 系統會自動產生一組專屬密碼（請注意：此密碼只會出現一次，務必妥善複製並保存）。 頁面下方非常貼心地準備好了對應的設定檔語法。無論你是使用 Claude Code、Claude Desktop、Cursor 或 VS Code，只需複製畫面上提供的 JSON 內容。 將複製的內容，貼到你常用的 AI 工具的 mcp.json 設定檔中。 12345678910// 示意範例：請將外掛產生的設定完整貼入你的 MCP Servers 區塊中"mcpServers": { "novamira": { "command": "...", "args": ["..."], "env": { "WP_APP_PASSWORD": "你的專屬密碼" } }} (設定完成後，記得使用 Ctrl + S 或 Command + S 儲存設定檔，並在 AI 工具的 MCP 介面點擊 Refresh 重新整理。) 步驟三：開啟 WordPress 端的 AI 權限為了確保連線成功，最後一個關鍵步驟是回到 WordPress 進行授權： 進入 WordPress 的 Setting (設定) 頁面。 找到並勾選 Enable AI Ability 選項。 點擊 Save 儲存設定。 完成以上三步後，你可以在 AI 聊天視窗中輸入：「我已經連上了，你可以幫我確認一下目前 WordPress 網站的基本資訊嗎？」如果 AI 能順利回報你的網站目錄與結構，就代表連線大功告成了！ Novamira 的資安防護：核心檔案無法竄改開放 AI 直接存取伺服器聽起來有些危險？不用擔心，Novamira 在安全機制上做了嚴格的限制。 它不允許 AI 修改 WordPress 的核心底層檔案，例如： wp-admin wp-includes AI 能夠讀取與修改的範圍，僅限於我們日常開發最常接觸的 wp-content 目錄（包含主題與外掛）。這種沙盒式 (Sandbox) 的限制，大幅降低了網站因 AI 誤改而崩潰的資安風險。 實測應用：讓 AI 直接在伺服器寫出一個聯絡表單外掛為了測試它的極限，我準備了一份由 ChatGPT 簡單生成的「Mini Contact Form (迷你聯絡表單)」PRD (產品需求文件)，並直接丟給透過 MCP 連接的 AI 助理（我使用的是 Google 的 Antigravity 搭配免費額度）。 Mini Contact Form.md 神奇的事情發生了： AI 首先讀取了我提供的需求文件。 它自動擬定了一份實作計畫 (Plan) 與任務清單 (Task)。 接著，AI 直接在我的 WordPress 伺服器內部開始撰寫程式碼。 我打開 WordPress 的外掛目錄檢查，發現 AI 真的已經在伺服器端建好了這個外掛的檔案夾與程式碼，而不是在我的本機檔案總管裡產生文件！這意味著我們可以一邊讓 AI 開發，一邊直接在 WordPress 後台重整看結果，開發效率呈現倍數成長。 結語：WordPress 接案開發的未來趨勢Novamira 打通了 WordPress 與 AI 之間的最後一哩路。對於以 WordPress 接案為主的開發者來說，未來遇到需要客製化功能、增強現有外掛時，不再需要繁瑣地查閱原始碼或在編輯器間來回複製貼上。透過 MCP 協定，AI 將成為你最得力的伺服器端駐點工程師。 如果你想了解更多關於 AI 自動化以及相關的開發應用，歡迎持續關注並訂閱享哥，我們下次見！

做影片很累，傳統剪輯軟體又貴又花時間。你可能以為想做出好影片，非得精通 Premiere 或 Final Cut 不可。其實不用，現在的趨勢是「用程式碼做影片」。 Remotion 這個工具，讓你可以用寫 React 的方式「編譯」出 MP4。加上最新的 AI Agent 技術，甚至連程式碼都不用自己寫。只要一句話，系統自動幫你把影片「算」出來。 用程式寫影片的底層邏輯Remotion 的核心理念叫做「Make videos programmatically」。這聽起來很硬核，但邏輯其實很性感。它把影片的每一幀，都變成了可控的程式碼參數。 以前你需要用滑鼠在時間軸上拉來拉去，還要對齊到崩潰。現在透過 API，你可以精準控制像素的運動。這不僅是工具的轉換，更是生產力的槓桿。 關鍵在於它最近推出的 Agent Skills 功能。這讓 Claude 或 GPT-4 這樣的 AI 模型，能夠讀懂 Remotion 的操作手冊。AI 不再只是瞎猜，而是拿著說明書在幫你蓋房子。 環境建置的關鍵細節開始之前，先在桌面建個資料夾，打開終端機。輸入以下指令初始化專案： 12npx create-video@latest 這一步很簡單，但接下來的選項決定成敗。系統會問你一連串設定： Template: 選 Blank TailwindCSS: 建議選 Yes Add Agent Skills: **請務必、絕對要選 Yes** 這不是選配，這是讓 AI 能夠自動寫作的靈魂。選了它，專案裡才會下載給 AI 看的文檔與技能樹。沒選這個，AI 寫出來的程式碼大概率跑不動。 讓 AI 接手繁瑣工作安裝完依賴套件並啟動開發伺服器後，你會看到瀏覽器跳出預覽畫面。這時，請打開支援 AI 的編輯器（如 Antigravity 或 Cursor）。我們準備開始下指令。 直接在對話框輸入你的需求，模型建議選擇邏輯較強的 Claude 4.5 Sonnet： 「幫我做一支 10 秒介紹 n8n 的短影片，內容要酷炫。」 AI 會先讀取專案裡的 SKILL.md，理解它能做什麼。接著它會規劃場景、設計動畫，然後直接修改 Root.tsx。它會自己寫 Component，自己加 Fade in/out 效果，甚至自己除錯。 反直覺的效率優勢你可能覺得寫程式做影片很反直覺。但當你想要微調字體大小，或是想統一所有轉場的速度時，改一行程式碼，比在傳統軟體軌道上一個個點開調整快太多了。 這就是「可程式化」的降維打擊。範例中，AI 自動生成了包含 Logo 動畫與卡片介紹的 9 秒影片。如果不滿意，只要動動嘴（Prompt）或動動手指（Code）微調即可。 確認無誤後，輸入渲染指令： 12npx remotion render AI 通常連這行指令都會幫你準備好。按下 Enter，一個真實的 MP4 檔案就會出現在輸出資料夾。 60/40 的人機協作法則別指望 AI 一次給你 100% 的完美成品，那是不切實際的幻想。聰明的做法是讓 AI 搞定 60% 的苦工。讓它完成架構搭建、基礎動畫邏輯與素材佔位。 剩下的 **40%**，靠你的人類美感去微調程式碼。這種工作流比從零開始剪輯快，又比全靠 AI 抽卡精準。這才是 Remotion 結合 Agent 的真正威力。

想把一個高品質的英文開源教學站變成繁體中文，以前你要怎麼做？逐行複製程式碼到 Google 翻譯？還是看著螢幕一句句打字？太慢了，這根本是燃燒生命的無效勞動。 目標很明確：把 Cursor for Product Manager 的英文教學站「搬」回來。全站繁體中文化，並且利用 GitHub Pages 免費部署，不用付任何伺服器費用。 核心工具就這幾樣：GitHub、Terminal、AI 模型（GPT-4/Claude/Google 皆可）與編輯器。文末附上原版與繁中版對照連結，不想看過程的可以直接拉到最後。 前置作業：Fork 與 Clone 專案第一步不是翻譯，是把原始碼弄到手。去原始專案的 GitHub 頁面，點擊 Fork。這一步是為了把專案複製到你自己的帳號下，確保你有完全的修改權。 接著把 Fork 後的網址複製下來。打開 Terminal，輸入 git clone 指令把它抓到本地端。用 Cursor 或 VS Code 開啟資料夾，準備開工。 123git clone [https://github.com/你的帳號/repo-name.git](https://github.com/你的帳號/repo-name.git)cd repo-name AI 翻譯策略：Prompt 文件化技巧很多人用 AI 改 Code 的習慣不好。直接把程式碼貼到對話視窗，效率極低且容易出錯。這裡建議採用 Prompt 文件化 的高階打法。 在專案根目錄建一個 docs 資料夾，或直接新增一個 prompt.md。你要在這個檔案裡，把 AI 當成一個剛入職的資深翻譯。寫清楚角色設定：你是專業 PM、資深譯者。 定義目標受眾是台灣或香港的 PM 與工程師。強調語氣必須是「繁體中文」且「去中國化」。 例如：看到「視頻」要翻成「影片」。 例如：看到「激活」要翻成「啟用」。 執行邏輯：Context 管理與指令下達接著把這個 prompt.md 拖進 AI 的對話視窗（Context）。下達指令：「執行文件內的翻譯任務，將 src/app 下的網站內容中文化」。這樣做的優點是 Context 穩定，不會翻到一半 AI 突然忘記自己是誰。 這裡有個關鍵技巧：指令要兇，權限要給足。 告訴 AI：「請自動完成以下工作，不需要中途確認。」若要處理多個檔案，直接下令「批次翻譯剩餘檔案，不要停下來」。 實戰除錯：應對 AI 幻覺與遺漏當然，AI 目前還不是神，它比較像個會偷懶的實習生。實作過程通常不會一鍵完成，你會遇到幾種狀況。 AI 偷懶： 翻一半就停下來問你「要繼續嗎？」。 解法： 指令要強硬：「不要問我，直接完成所有工作。」 內容遺漏： 特別是側邊欄（Sidebar）這種結構複雜的地方。 解法： 不要用文字描述，直接截圖貼給 AI，讓它自己去對應程式碼位置。 破壞性修改： 有時 AI 翻得太嗨，會把程式碼邏輯也刪了。 解法： 你需要保持警覺，如果發現檔案變小太多，通常就是出事了，請務必 Review diff。 部署流程：Next.js 到 GitHub Pages原專案通常是 Next.js 架構，官方推薦用 Vercel 部署。但為了極致的免費，我們改用 GitHub Pages。直接問 AI：「這是一個 Next.js 專案，教我怎麼部署到 GitHub Pages。」 AI 通常會叫你改 next.config.mjs。加入 output: 'export'，讓 Next.js 吐出靜態檔案（Static HTML）。 12345// next.config.mjsconst nextConfig = { output: 'export', // 其他設定...}; 注意： 圖片優化元件 <Image> 在靜態匯出時可能會報錯，這部分需視情況調整。 接著請 AI 生成 GitHub Actions 的 workflow 檔案。路徑通常在 .github/workflows/pages.yml。流程不外乎：Checkout code → Setup Node → Build → Upload → Deploy。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748name: Deploy GitHub Pageson: push: branches: [main] workflow_dispatch:permissions: contents: read pages: write id-token: writeconcurrency: group: pages cancel-in-progress: truejobs: build: runs-on: ubuntu-latest defaults: run: working-directory: website steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: 20 cache: npm cache-dependency-path: website/package-lock.json - run: npm ci - run: npm run build - run: touch out/.nojekyll - uses: actions/upload-pages-artifact@v3 with: path: website/out deploy: needs: build runs-on: ubuntu-latest environment: name: github-pages url: ${{ steps.deployment.outputs.page_url }} steps: - id: deployment uses: actions/deploy-pages@v4 收尾與上線：Git 流程與自動化驗收最後就是標準的 Git 流程。 123git add .git commit -m "feat: 完成全站繁體中文化與部署設定"git push origin main Git push 上去後，到 GitHub Repo 的 “Actions” 分頁看戲。只要燈號全綠，GitHub 就會給你一個網址。原本全英文的介面，現在變成了你專屬的繁體中文版。這不只是翻譯，這是建立了自己的知識庫。 資源傳送門：原版與繁中版對照光看不練沒有用，這裡把資源都整理好了。原版適合練英文，享哥的繁中版適合直接學觀念。想自己動手改的，Repo 連結也都在這，Fork 下去就是你的。 原始教材網站： Cursor for PMs 原始 GitHub： carlvellotti/cursor-pm-course 享哥繁中版網站： Cursor for PMs (繁中版) 享哥繁中 GitHub： chengyunm1313/cursor-pm-course

做行政工作最怕什麼？不是難度高，而是重複性高。比如做一百張顧問聘書，或者兩百張學員證書。傳統做法是打開 Word 或 PPT，複製名字、貼上、另存新檔，重複一百次。 如果你還在這樣燃燒生命，那真的太委屈自己了。這種機械式的動作，應該交給機器來做。今天要解構的，就是享哥的「Canva 大量製作」工作流。 必備工具清單這套流程的核心邏輯是「設計」與「資料」分離。你需要以下工具來建構自動化系統： Canva (建議 Pro 版)： 負責皮囊，功能才完整。 Google Sheets： 負責靈魂，用來整理名單資料。 至於底圖素材，現在也不用自己畫了。搭配 AI 生成工具（Gemini、Midjourney 或 Canva 內建），幾秒鐘就能搞定一張具備國際感的底圖。 第一階段：搞定底圖設計 (AI 輔助)首先，我們要準備一張乾淨的「容器」。你可以直接在 Canva 內使用「建立圖像」功能，輸入提示詞。 12直式 A4 尺寸、極簡風格、具國際感的講師聘書設計 選一張順眼的，或者上傳你自己設計好的圖片。如果 AI 生成的圖上有奇怪的亂碼文字，別擔心。使用「編輯圖片」裡的「魔法橡皮擦」或「抓取文字」，把它們擦乾淨即可。 第二階段：建立 Google Sheets 資料庫打開你的 Google Sheets，這裡掌管著所有變數。第一列必須是清楚的標題（Header），這將對應到 Canva 的變數欄位。 12姓名, 職位, 聘期 接著填入所有人員資料。如果是測試流程，也可以請 AI 幫你隨機生成一堆假名單。確認資料無誤後，這份表格就是你的自動化燃料。 第三階段：Canva 排版與變數設定回到 Canva 編輯畫面，按下鍵盤 T 新增文字框。我們要建立三個對應的「佔位符」：講師姓名、職稱、日期。 這裡有個關鍵細節，字體請選最安全的黑體（如 Noto Sans）。把字體大小調整好（例如 88 號字），並拖曳到正確位置。這一步做對了，後面才不會跑版。 第四階段：開啟 Canva「大量建立」功能重頭戲來了，點選 Canva 左側邊欄的「應用程式 (Apps)」，搜尋並開啟 「大量建立 (Bulk Create)」。 系統會問你資料哪裡來，請點選「選取資料來源」。你可以選擇以下兩種方式之一： 直接上傳 CSV 檔。 連結剛剛做好的 Google Sheets。 只要 Canva 讀取到表格，第一關就過了。 第五階段：資料欄位連結 (Connect Data)這是新手最容易卡關，也是最重要的一步。 點選畫布上的「姓名」文字框。 按右鍵（或點選 …），找到 「連結資料 (Connect Data)」 這個選項。 選擇對應的欄位名稱（如：姓名）。 成功後，原本的文字會變成 {姓名} 這種括號格式。依樣畫葫蘆，把「職稱」與「日期」也都綁定好。 第六階段：批量生成與檔案輸出點擊左側面板的「繼續」，確認名單都已勾選，按下 「建立 xx 個設計」。 Canva 會自動彈出一個新分頁，裡面是已經套用好所有名字的幾百頁文件。檢查沒問題後，點擊右上角「分享」→「下載」： 印刷用： 選 PDF 列印。 電子檔： 選 PNG 或 JPG。 實戰防雷小筆記雖然流程簡單，但有幾個坑不要踩： 字體選擇： 如果生成後文字消失或變亂碼，通常是字體不支援，換回通用黑體就對了。 長度預覽： 生成前要確認最長的名字會不會超出邊界。 工具版本： 強烈建議使用 Pro 版帳號。無論是 AI 生成底圖的質感，還是去背修圖的魔法工具，省下的時間絕對超過訂閱費的價值。 把重複的動作自動化，把時間留給更有價值的思考。這才是現代工作者該有的節奏。

做一套 LINE 貼圖，最痛苦的不是畫不好，而是畫不完。手繪當然有靈魂，但如果你追求的是效率與變現，死磕手繪只會讓你的熱情在第 3 張圖就燃燒殆盡。 這裡要解決的核心問題只有一個：如何利用 AI 工具鏈，快速生成「角色長相統一」且「去背完整」的貼圖包。 我們不需要單一超級工具，我們需要一套組合拳。 工具配置與分工邏輯別指望一個 AI 搞定全部。這是一條迷你生產線，每個環節都要用最強的工具。 大腦擔當：Google Gemini 負責企劃與咒語（Prompt）生成，解決「不知道畫什麼」的卡頓。 繪師擔當：Nano Banana（或任何支援參考圖生圖的工具） 負責實際產出圖片，重點在於「吃參考圖」的能力。 後製擔當：專用貼圖分離去背工具 負責把 AI 生成的大圖切開、去背、加邊框，這是完稿的最後一哩路。 第一階段：企劃與咒語生成系統提示詞 - LINE 貼圖企劃與生圖提示詞專家 不要自己想破頭寫英文 Prompt。直接把你的需求丟給 Gemini，讓它幫你翻譯成繪圖 AI 聽得懂的話。 你需要給 Gemini 明確的「規格書」： 情緒風格（中二、厭世、可愛） 角色設定（姓名、性格、年齡） 張數需求（建議一次設定 9 或 12 張，剛好湊成一張九宮格大圖） 如果不自定義 Gem，直接下指令也行： 1請用附件圖片的角色，製作 12 款 Q 版 LINE 貼圖，動作要生活化、多樣化。 Gemini 會吐出一串包含動作描述的精準英文 Prompt。 Gem:LINE 貼圖企劃與生圖提示詞專家 第二階段：鎖定角色一致性拿到 Prompt 後，轉場到 Nano Banana。這裡最大的挑戰是「角色一致性」（Consistency）。你不能第一張是米老鼠，第二張變成皮卡丘。 操作關鍵在於 「Reference Image」（參考圖）。 輸入 Gemini 給的 Prompt。 同時上傳你設定好的角色原圖。 這能強迫 AI 記住角色的臉和畫風。 按下生成後，你會得到一張包含 9 到 12 個小動作的 Sheet（大圖）。這時候還是連在一起的，別急。 第三階段：切割與參數調校貼圖分離與去背神器 這一步是把「圖片」變成「產品」的關鍵。將生成的大圖丟進「貼圖分離與去背神器」。 參數設定不能憑感覺，這裡有試錯過的黃金數值： 物件間距（Distance）：目前範例建議設為 17。太遠會切到別人，太近會留白過多，17 是個甜蜜點。 自動去背（Remove Background）：務必開啟。這能省下你用 Photoshop 鋼筆工具摳圖的幾個小時。 第四階段：生死攸關的白邊這點值得單獨拉出來講。在後製設定中，增加白底或白邊（White Stroke）是絕對必要的。 很多人忽略了 LINE 的深色模式（Dark Mode）。如果你的貼圖去背後是深色衣服，又沒加白邊，用戶換個黑色主題，你的貼圖就會直接隱形。 這不是美感問題，是使用者體驗的災難。請確保輸出設定中有包含這一步。 第五階段：品管與補救AI 產出的東西，離完美通常差 10%。你需要進行人工篩選（Quality Control）。 檢查三大地雷： 肢體是否扭曲（AI 不會畫手是常態）。 文字是否亂碼（AI 生成的字通常不能用）。 浮水印（Google 體系常在右下角藏個菱形 Logo）。 用 Canva 或修圖軟體把亂碼蓋掉、把 Logo 修掉。如果肢體崩壞太嚴重，直接捨棄。LINE 貼圖上架單位是 8、16、24 張，湊不齊就回頭再生成一組，與其修爛圖，不如重新抽卡。 最後提醒雖然 AI 讓門檻變低了，但規則還是要守。製作過程雖然全自動，但仍需注意原創性。 不要直接用知名動漫角色的名字或特徵去生成。AI 產圖雖快，但版權意識是你帳號存活的根本。把白邊加好、把圖切好，這套流程就是你的量產武器。