Showing Posts From
個人品牌
【AI 工具教學】不懂程式也OK！Gemini Canvas 10 分鐘打造專屬互動小工具
在知識變現的時代，每位專業人士都擁有滿滿的乾貨，過去多數人只能依賴單向的文字或影片來傳遞價值。如果能把你的專業經驗轉化為一個「互動測驗」或「線上檢測小工具」，不僅能大幅提升受眾的參與感，還能在提供諮詢服務前，自動幫你完成初步的客戶需求輪廓收集？ 過去，這往往是一道難以跨越的技術高牆。找外包開發要花好幾萬；自己學寫程式，看到密密麻麻的程式碼就想放棄。但現在，遊戲規則改變了。這篇文章我將以「芳療意向探測器」為示範，帶你拆解如何利用 Google 強大的 Gemini Canvas，在 10 分鐘內產出專屬互動工具。不用懂 Coding，只要會下指令，你也能打造出吸引人的數位資產。芳療意向探測器 文章目錄為什麼選擇 Gemini Canvas 而不是 ChatGPT？ 準備工作：你需要的只是個 Google 帳號 【核心乾貨】專屬互動工具生成指令（Prompt）模版 實戰案例：「芳療意向探測器」亮點分析 常見問題 Q&A為什麼選擇 Gemini Canvas 而不是 ChatGPT？ 大家可能都知道 AI 能寫程式，但為什麼這次我特別推薦 Google Gemini 的 Canvas 功能？因為它帶我們踏入了**「對話即應用」**的新境界。Canvas 跟一般 AI 對話最大的差異，在於它是一個「實作環境」，對於非工程師超級友善：不只是聊天： 它可以把對話延伸成「可執行」的獨立專案與應用。 所見即所得： 你可以一邊下指令，一邊看著網頁工具在右側畫布中生出來。 局部輕鬆修改： 遇到不喜歡的地方，直接圈選修改。解決了我們「看不懂程式碼，不知道怎麼改」的痛點。準備工作：你需要的只是個 Google 帳號 在開始之前，不用準備任何複雜的軟體，請確保你已經登入 Google 帳號。 操作步驟：打開 Google Gemini 網頁版。 確認對話模式選到了 Canvas（注意：部分帳號可能需確認功能開啟狀態）。 準備好你的「專業題庫」，並複製下方的 Prompt 指令。【核心乾貨】專屬互動工具生成指令（Prompt）模版 這是這篇文章最有價值的地方。這是我經過多次測試、為了芳療互動情境量身打造，但又具備高度通用性的 Prompt。 你只需要把下方的內容，換成你自己的資料，然後整段貼給 Gemini 即可。 💡 **私藏小撇步：**如果你還沒有想法，建議可以把你的專業資料跟下方 Prompt 丟給 ChatGPT 或其他 AI，請它們依據 Prompt 格式幫你發想喔！ 【角色設定】你現在是一位擁有 10 年經驗的專業芳療師與溫暖的心理引導者。你的語氣充滿同理心、溫柔且具有療癒感，不帶批判。 【任務說明】請根據以下「芳療意向探測器」的架構，幫我設計一個網頁版的互動測驗小工具。 【頁面風格】風格要採用溫暖大地色系，字型採用圓體跟粗圓體，選項要有適合的icons 【互動流程】請先用一段溫暖的開場白歡迎使用者，分成三頁列出 A、B、C 三道選擇題，請使用者回覆他們的三個選項（例如：A1, B3, C2）。收到使用者的回覆後，請嚴格按照下方的【輸出結構】給予一份「專屬氣味探測報告」。 【測驗題庫設計】a. 心理氣象 (你現在的感受？)1.【焦慮忙碌】— 停不下來的轉動2.【低落消沈】— 提不起勁的沈重3.【思緒紛亂】— 像斷了線的廣播台4.【疲憊掏空】— 電池已耗盡的枯竭5.【平靜維持】— 想守護這份安穩感 b. 身體狀態 (哪裡需要一點溫柔？)1.【肩膀與頸部】— 扛著過重的責任2.【呼吸與胸口】— 總覺得吸不滿氣3.【腸胃與腹部】— 累積了太多情緒壓力4.【大腦與雙眼】— 過度負荷後的昏沈5.【睡眠與放鬆】— 難以切換到休息模式 c. 直覺意向 (你嚮往什麼樣的空間？)1.【深邃森林】— 被古老的樹木包圍（配對邏輯：優先推薦木質調、樹酯類精油）2.【陽光果園】— 充滿清新飽滿的能量（配對邏輯：優先推薦柑橘類精油）3.【雨後大地】— 濕潤泥土與草根的芬芳（配對邏輯：優先推薦根部類、泥土氣息精油）4.【溫暖書房】— 淡淡的木質與香料氣息（配對邏輯：優先推薦香料類、溫暖木質精油）5.【閃耀海洋】— 遼闊且清爽的氣息（配對邏輯：優先推薦輕盈花草類、薄荷或清涼感精油） 【輸出結構】（使用者回答後，請提供以下報告） 狀態解碼：融合使用者的心理與身體狀態，用一段充滿詩意與溫柔的話描述他目前的能量狀態。（範例：「妳現在像是一顆在深林中努力生長的小樹，雖然肩膀承載了許多責任，但內心正渴望著一片能讓妳深深呼吸的空間...」）香氣地圖：依據他選擇的「直覺意向」推薦 2 種適合的單方精油（僅提供名稱，不提供比例），並溫柔解釋這兩種香氣如何回應他的心理與身體需求。（範例：「我們為您偵測到『乳香』與『甜橙』。乳香能幫妳收斂渙散的能量，給予深邃森林般的守護；而甜橙則能為妳微緊的胸口點亮一盞陽光。」）專業留白（請一字不漏輸出以下這段）：🌿 【芳療師的溫馨提醒】精油使用具有專業禁忌（如孕期、特殊疾病），且香氣的層次隨每個人的體質而異。AI 能幫您指引方向，但精準的「療癒處方」則需要透過取得專業認證的芳香療癒師，透過直覺與專業為您親手調配。行動呼籲 Call to Action：產生兩個行動按鈕的文字設計，並提示此處將放置 QR Code。[ 按鈕 A：帶著這份專屬報告，預約專家線上諮詢 ] (此處請設計預留 QR Code 欄位)[ 按鈕 B：了解如何透過精油建立妳的自我照顧儀式 ] (此處請設計預留 QR Code 欄位)▲ 複製上方藍色框內的文字，替換掉你的專業領域後直接貼給 Gemini 即可。氣味探測報告 實戰案例：「芳療意向探測器」亮點分析 當我們把上述的 Prompt 套入 Gemini Canvas 後，它做對了幾件對內容創作者非常核心的事：從感受出發建立共鳴： 它不是一開始就推銷產品，而是先透過「心理氣象」與「身體狀態」接住對方的狀態，讓使用者覺得「這個工具懂我」。 精準蒐集受眾輪廓： 透過三道問題的互動過程，你能精準看見對方目前最在意的痛點與問題。 自然建立轉換與導流： 依據測驗結果進行分眾，在最後的 Call to Action 推薦最適合他的活動或諮詢。這比起強迫推銷，是更容易水到渠成的下一步。不管你做什麼，都能打造專屬互動工具！芳療只是示範。只要你有專業，就能從你的領域出發：心理師： 可以做「情緒狀態探索器」 教練與顧問： 可以做「現況瓶頸診斷器」 講師： 可以做「你適合哪堂課？等級鑑定」 自媒體： 可以做「你是哪一型人？」趣味測驗常見問題 Q&A Q1: 用 Gemini Canvas 做出來的工具，如果不滿意怎麼辦？A: 這就是 Canvas 的好處！不要期待一次到位。你可以直接在對話框跟 Gemini 說：「幫我把第二題的選項改得更口語一點」或是「按鈕顏色換成莫蘭迪粉」，就像跟助理溝通一樣，圈選並來回對話把它修到最好。 Q2: 我完全沒有寫程式的經驗，真的能靠 Prompt 做出來嗎？A: 絕對可以！我們的 Prompt 模版已經幫你把「工程師的邏輯架構」寫好了。你只需要像填空題一樣，填入你的「專業知識」和「題庫」，剩下的介面生成與互動邏輯，AI 都會自動幫你處理。你只要專心當個好企劃就行了。 Q3: 互動工具生成完之後，怎麼把難看的 Gemini 外框拿掉？讓小工具美麗上線？A: 生成小工具只是第一步，這就像是你畫好了房子的設計圖，但你還需要一塊地（伺服器）和一個門牌（網域）。這部份對於非技術背景的朋友來說，確實是較大的門檻。你需要：購買網域、租用主機、上傳程式碼。 如果你覺得這一步太麻煩，或者看到黑底白字的終端機就頭痛，這裡有個私藏的小撇步： 💡 專家救援傳送門： 如果你已經用 AI 生好了內容，卡在「上線」這最後一哩路，歡迎聯繫 外勞芭。外勞芭專門協助創作者快速處理這些看不懂的技術細節，讓你的個人網站從「電腦裡的檔案」變成「全世界都看得到的網站」！希望這篇文章給了你一點信心，其實 AI 沒有那麼難，它只是我們手上的畫筆。現在，拿起你的畫筆，去畫出屬於你的個人的大作吧！ 想學 AI 但又常常撞牆，歡迎入AI 招喚備忘錄 Line 群共學
【AI 架站教學】Gemini Canvas 實做：10 分鐘打造你的個人品牌網站（附神級 Prompt）
你是不是也曾經想過：「如果我有個自己的網站就好了？」 可能是為了展示你的作品集、可能是為了推廣你的諮詢服務，或者只是想在這個數位世界裡，有一個真正屬於自己的家。但是，一想到要學 HTML、CSS，或者是看到外包報價單上那好幾萬的數字，那個念頭就被你默默吞回去了。 親愛的，我完全懂那種感覺。但今天我要告訴你一個好消息： 這個時代已經變了。 大女孩愛咪品牌網站前幾天，我幫好朋友大女孩愛咪做了一個測試。我們不寫一行程式碼，只用了 Google 最新的 Gemini Canvas（畫布功能） 加上一段精心設計的指令（Prompt），就在喝完一杯咖啡的時間裡，生成了一個質感超好的個人品牌網站。 今天這篇文章，我不藏私，直接把這套「網站生成模版」送給你。不管你是金錢療育師、健身教練還是斜槓接案者，只要複製貼上，你也能擁有自己的網站。 文章目錄為什麼選擇 Gemini Canvas 而不是 ChatGPT？ 準備工作：你需要的只是個 Google 帳號 【核心乾貨】個人品牌網站生成指令（Prompt）模版 實戰案例：大女孩愛咪的網站分析 常見問題：生成完之後怎麼變真的網站？ 常見問題 Q&A為什麼選擇 Gemini Canvas 而不是 ChatGPT？大家可能都知道 AI 能寫程式，但為什麼我這次特別推薦 Google Gemini 的 Canvas 功能 ？ 因為它解決了我們這種「程式小白」最大的痛點： 「看不懂程式碼，怎麼知道改哪裡？」 Gemini Canvas 是一個專門為了協作而設計的介面。當你要求它寫網頁時，它會在視窗右側開啟一個獨立的「畫布」。你可以在這裡直接看到程式碼，甚至（在某些支援的情況下）預覽效果。更重要的是，你可以像在 Google Docs 裡選取文字一樣，選取某一段程式碼，直接叫 AI「幫我把這個按鈕改成粉紅色」，完全不需要重新生成整大串文字。 準備工作：你需要的只是個 Google 帳號在開始之前，請確保你已經登入 Google 帳號。雖然免費版的 Gemini 也能使用，但我強烈建議如果是為了工作或架站， 訂閱 Gemini Advanced (Gemini Pro) 會獲得更長、更完整的程式碼輸出能力，避免網站寫到一半「斷片」。 操作步驟很簡單：打開 Gemini 網頁版。 確認選到了 Canvas。 在對話框輸入下方的指令。【核心乾貨】個人品牌網站生成指令（Prompt）模版這是這篇文章最有價值的地方。這是我經過多次測試、為了大女孩愛咪量身打造，但又具備高度通用性的 Prompt。 你只需要把 【中括號】 裡的內容，換成你自己的資料，然後整段貼給 Gemini 即可。 任務說明： 請幫我製作一個個人品牌網站的 HTML/Tailwind CSS 程式碼。請根據以下設定進行設計：1. 角色與定位設定 - 主角名稱：【你的名字，例：大女孩愛咪】 - 身份標籤：【例：單親媽媽、金錢療育師】 - 故事主軸：【簡述你的人生轉折。例：因結婚、生子與先生癌逝的人生大轉彎，靠著學習理財、房地產投資、存股，打造「小金雞系統」...】 - 目標受眾：【你的讀者是誰？例：因婚姻、離婚、育兒而在經濟上受影響的女性】 - 語氣：溫柔、有力量、像閨蜜但仍然專業可信。 2. 網站視覺風格 - 氛圍：【例：溫暖、療癒、安全感、女性力量】 - 色彩：【例：粉色系＋米白為主、金色點綴】 - 版面：Mobile first（手機優先），大量留白，適合閱讀。 3. 網站結構要求 (請生成單頁式 Landing Page) - Hero Section (首屏)： 包含品牌主標語、副標語、2-3行故事簡介、兩個 CTA 按鈕（例：預約諮詢、加入社群）。 - 關於我： 用條列式重點描述主角故事（如：低谷重生的經歷），文案要真誠。 - 三大服務區塊： 卡片式設計，列出你的核心服務（例：生活理財、信念療癒、被動收入），每張卡片都要有 CTA。 - 給目標客戶的一段話： 一段溫暖的「閨蜜對話」，告訴讀者這裡也是他們的避風港。 - 見證/回饋區塊： 設計 3 個學員回饋卡片（先用虛擬資料填充，需包含不同背景的人物）。 - 強力 CTA 區塊： 頁尾前的最後呼籲，例如「不用一個人硬撐」，引導加入 Line 或填寫表單。 - Footer： 版權宣告、簡單的一行品牌宣言、社群媒體連結 Placeholder。 4. 技術要求 - 使用 HTML + Tailwind CSS (CDN版本) 以便直接預覽。 - 確保在手機版上顯示完美。 - 文案請自動潤飾，不要只是填充，要寫得打動人心。 ▲ 複製上方灰色底的文字，直接貼給 Gemini 即可。 實戰案例：大女孩愛咪的網站分析當我把關於「大女孩愛咪」的真實故事套入上述模版後，Gemini Canvas 生成的結果讓我非常驚艷。 它做對了幾件事（這也是 SEO 及 GEO 的重點）：**結構清晰：**H1、H2 標籤運用得當，這對 SEO 非常重要。**情感連結：**AI 沒有寫出冷冰冰的「服務介紹」，而是用了「陪你一起養出小金雞」這種溫暖的語句，完全符合愛咪「金錢療育師」的人設。行動呼籲（CTA）明確： 在首屏、服務介紹、頁尾都安排了按鈕，這是將訪客轉化為客戶的關鍵。 用 Google Canvas 輕鬆設計個人品牌網站常見問題：生成完之後怎麼變真的網站？拿到程式碼只是第一步，這就像是你畫好了房子的設計圖，但你還需要一塊地（伺服器）和一個門牌（網域）。這部份對於非技術背景的朋友來說，確實是較大的門檻。你需要：購買網域、租用主機、上傳程式碼。 如果你覺得這一步太麻煩，或者看到黑底白字的終端機就頭痛，這裡有個私藏的小撇步： 💡 專家救援傳送門： 如果你已經用 AI 生好了內容，卡在「上線」這最後一哩路，歡迎聯繫 外勞芭 （Email: tokpmpm1@gmail.com）。外勞芭專門協助創作者快速處理這些看不懂的技術細節，讓你的個人網站從「電腦裡的檔案」變成「全世界都看得到的網址」！ 常見問題 Q&AQ1: 用 Gemini Canvas 做網站真的完全免費嗎？ A: Gemini 有免費版，但生成程式碼建議使用付費的 Gemini Advanced 效果較好。至於網站上線，通常購買網域（一年約 $400-$800 台幣）是基本開銷，主機則有免費（如 Vercel）或付費的選擇。 Q2: 我不懂 Tailwind CSS，之後要怎麼改文字或換圖片？ A: 這就是 Canvas 的好處！你可以直接在對話框跟 Gemini 說：「幫我把第二段的標題改成...」或是「把背景圖片換成這張...」，讓 AI 幫你改 Code。 Q3: 生成出來的網站手機看會跑版嗎？ A: 在我們的 Prompt 模版中已經加入了「Mobile first（手機優先）」的指令，Gemini 會優先考量手機排版。不過建議上線前還是要用手機實際檢查一下喔！ Q4: 我做好了，但還是不會上傳怎麼辦？ A: 術業有專攻，別讓技術卡住你的夢想。建議直接聯繫外勞芭，把專業的事交給專業的人，你專心經營品牌就好！希望這篇文章能給你一點信心，其實 AI 沒有那麼難，它只是我們手上的畫筆。現在，拿起你的畫筆，去畫出屬於你的個人基地吧！ 想學 AI 但又常常撞牆，歡迎入 Line 群共學