跳到主要內容

部落格

不定期分享最新資訊文章

Frank Chiu

徐享／享哥

AI應用規劃師

具有 10 年經驗在數位行銷與電商廣告領域，專精生成式AI應用與個人資料保護，致力於以獨特商業洞察與實戰案例研討，助力品牌突破成長瓶頸。

分類

標籤

AI工具 (94) ChatGPT (21) 商業策略 (34) AI自動化 (95) AI Agent (51) SEO (13) AEO (8) 內容行銷 (28) Cursor (2) Vibe Coding (45) Codex (17) MCP (3) 職場溝通 (3) 影音行銷 (56) AI Coding (2) Gemini (12) Meta Ads (1) Higgsfield (1) AI風險控管 (5) NotebookLM (1) GEO (1) AI繪圖 (9) n8n (29) API串接 (13) 社群行銷 (4) 自動化講師應用 (6) 社群自動化 (1) Facebook機器人 (1) RAG (1) VLM (1) 向量資料庫 (1) Cloudflare (6) Claude (6) Claude API (1) AI創業 (1) 工作流 (1) 享哥宇宙 (10) 科幻喜劇 (8) AI故事 (8) Seedance (2) 技術選型 (1) Electron (1) Tauri (1) 奇幻喜劇 (2) 台灣民間信仰 (2) Git (1) 知識變現 (4) Google (1) Google Colab (1) Google Vids (1) GSAP (1) n8n新手教學 (11) Zeabur (1) Remotion (2) Antigravity (1) 前端架構 (1) PWA (1) 資料處理 (1) 個人品牌 (1) Power Automate (1) Playwright (1) LINE (1) 雲端部署 (1)
  • article-Claude for Startups 申請指南：一年 Claude Team 與 1,000 美元 API 額度

    2026/10/8

    Claude Claude API AI創業
    Claude for Startups 申請指南：一年 Claude Team 與 1,000 美元 API 額度

    最近看到有人分享，申請 Claude for Startups 後，大約兩個小時就收到審核結果。這個速度很吸引人，但真正值得研究的，是 Anthropic 目前提供哪些新創優惠、誰符合資格，以及哪些條件容易被忽略。 先說結論：**有公司網域是申請準備的一部分，不代表只要買了網域，就能免費使用 Claude 一年。**這是新創扶植計畫，申請仍要經過審核；優惠也有席次、帳號和期限限制。 本文依 Anthropic 於 2026 年 10 月 6 日公告及目前的 Claude Startups 官方頁面整理，實際條件請以申請時的官方說明為準。 Claude for Startups 提供哪些優惠？Anthropic 在 2026 年 10 月擴大 Claude Startups 計畫。通過審核的公司可以申請 Claude Team、Claude API 額度，以及合作夥伴提供的工具優惠和社群資源。 一年 Claude Team，最多五個 Premium 席次符合條件的公司可取得一年 Claude Team，最多涵蓋五個 Premium 席次。這項優惠只適用於尚未使用 Claude Team 的新組織；如果公司已經有 Team 方案，就不能直接假設也能領取這個免費年度。 Anthropic 以五個 Premium 席次、每席每月 100 美元的年繳價格估算，一年方案價值約 6,000 美元。不過，實際價值會依席次數量與類型而不同，這是服務使用價值，不是可提領的現金補助。 一次性 1,000 美元 Claude API 額度每家獲准公司可領取一次性的 1,000 美元 Claude API 額度。官方頁面說明，額度在核發六個月後到期，所以不適合長期放著不用。申請核准後，還需要登入 Claude Console 領取。 這筆額度用於 Anthropic 自家的 Claude API，不能拿去支付 Amazon Bedrock、Google Cloud Vertex AI 或其他第三方平台上的 Claude 用量。官方也表示，領取計畫額度的會員會取得較高的 API rate limits。 最高 45,000 美元的 Claude Startup Stack 合作優惠Claude Startup Stack 集合銷售、設計、資料分析、會議和工程工具的合作夥伴優惠。Anthropic 標示的總價值最高為 45,000 美元，但優惠由獨立第三方公司提供，會受各家服務條件限制；這個最高值是以 2026 年 9 月的合作夥伴牌價合計，不代表每家公司都能領完或合併所有優惠。 此外，會員還可能取得 Anthropic Applied AI 團隊的線上諮詢時段，以及 Founder House、黑客松和社群聚會等活動資訊。合作優惠、API 額度和 Team 席次是不同項目，閱讀時要分開計算。 申請 Claude Startups 需要符合什麼資格？官方目前列出的基本條件是：公司成立未滿五年，或在最近兩年內取得資金。計畫接受自籌資金、Pre-seed 和創投支持的新創，不是只有拿到 VC 投資才能申請。 申請前也要準備 Claude Console 帳號、公司網站，以及與網站網域相符的公司 Email，並簡短說明正在開發什麼產品。Anthropic 會審核每一份申請，申請人也必須符合其支援政策。 因此，網域和公司信箱能協助證明申請資料彼此一致，卻不能取代公司與產品資格審查。官方頁面沒有說「不需要台灣統一編號」；我不會把表單欄位或個別申請者的經驗解讀成免除公司資格查核的保證。送出前應以當下的官方申請表為準。 Claude Team 和 Claude API 有什麼不同？Claude Team 是給公司成員使用 Claude 的團隊方案，包含席次管理與團隊使用環境。Claude API 則是讓開發者把 Claude 模型接進自己的產品或系統，依實際模型、輸入輸出 Token 與其他用量計費。 如果需求是團隊成員在 Claude 產品中協作，Team 席次比較直接；如果要讓客戶透過 AI 客服、LINE Agent、企業知識庫或 AI SaaS 使用模型，通常就會涉及 API。API 額度可以支援早期原型和測試，但不能把它等同 Team 訂閱費，也不能當成可自由轉用的現金。 1,000 美元 API 額度大約可以測試多少次？可以先用單次呼叫的假設成本做除法，估計測試規模： 假設每次呼叫成本 約可執行次數 0.01 美元 100,000 次 0.05 美元 20,000 次 0.10 美元 10,000 次 這是簡化試算，不是 Anthropic 保證的呼叫次數，也不是特定模型的報價。實際成本會隨模型、輸入與輸出 Token 數、快取和工具呼叫方式改變。開發時可以把額度用在產品原型、Agent 工作流程驗證和早期評估，再根據真實請求記錄估算長期成本。 如何準備並提交申請？申請入口在 Claude Startups 官方頁面，流程可以先按以下順序準備： 建立或登入 Claude Console 帳號。 準備公司網站與相符的公司 Email。 簡潔說明公司正在做的產品，以及預計如何使用 Claude。 透過官方頁面進入申請表並送出資料。 核准後回到 Claude Console 領取符合資格的 Team 優惠與 API 額度。 官方表示，多數申請會在幾分鐘內有結果；需要人工審查的案件通常要兩到三個工作天。網路分享的「約兩小時通過」可以當作個人經驗參考，但不是官方承諾的審核時限。 享哥會怎麼使用這些資源？我平常會用 Claude、Codex 等 AI Coding 工具，也在研究如何把 AI Agent 接進企業工作流程。如果申請這類計畫，我會從公司實際開發的產品和需求出發，不會只寫「想用 Claude 寫文章」或為了申請而誇大產品進度。 以我關注的方向為例，LINE Business OS 可以把 LINE 官方帳號、預約管理、客戶資料與行銷流程整合起來，再用 Claude API 協助辨識客戶意圖、回答問題或判斷下一個工作步驟。另一個方向是 AI Agent 辦公自動化，讓系統整理表單、產生報告，並透過工具呼叫完成指定工作。 這些情境都要回到真實產品規劃：目前做到哪裡、Claude 在流程裡負責什麼、怎麼評估回答品質和成本。說明越具體，越能讓審核者理解產品如何使用 Claude；也方便團隊在核准後直接開始驗證。 享哥的觀點：把額度變成產品驗證，不要綁死單一模型我認為這項計畫值得關注的地方，不只是免費資源總值多少，而是 Anthropic 正在鼓勵新創公司把 Claude 納入產品開發。對開發者來說，免費席次和 API 額度能降低初期試錯成本；對 Anthropic 來說，這也有助於更多產品從一開始就建立在 Claude 生態系上。 因此，我會把優惠用在原型、測試和產品假設驗證，同時把模型呼叫整理成容易更換的服務層。未來若成本、效能或功能需求改變，系統就能評估切換到 OpenAI、Gemini 或其他模型，不必因為一項優惠到期就重寫整套產品。 免費額度的價值，最後還是看它有沒有幫你驗證出使用者願意持續使用的功能。申請條件、合作優惠和額度期限可能調整，送件前請再查看 Anthropic 最新說明。 常見問答 (FAQ)Q1：申請 Claude Startups 一定要有 VC 投資嗎？不一定。官方目前說明，自籌資金、Pre-seed 和創投支持的新創都可以申請。符合公司成立或近期募資條件仍不代表一定核准，Anthropic 會審核每份申請。 Q2：只有公司網域和公司 Email，就能拿到免費 Claude Team 嗎？不能。公司 Email 須符合網站網域，但公司還要符合新創資格並提交產品說明，且申請需要通過審核。免費 Team 年度也只適用於尚未加入 Claude Team 的新組織，最多五個 Premium 席次。 Q3：1,000 美元 Claude API 額度會到期嗎？可以用在 Bedrock 或 Vertex AI 嗎？會到期。Anthropic 官方頁面目前說明額度在核發六個月後到期，並且只能用於 Claude Console 的第一方 Claude API，不能支付 Amazon Bedrock、Google Cloud Vertex AI 或其他第三方平台上的 Claude 用量。 Q4：申請結果多久會出來？官方表示多數申請會在幾分鐘內有結果；需要人工審查的案件通常為兩到三個工作天。個別申請者分享的通過時間只能當作案例，不能視為每份申請的保證時限。 Q5：Claude Startup Stack 的 45,000 美元是現金補助嗎？不是。這是合作夥伴工具優惠的最高合計價值，由第三方依各自條件提供，實際可領取的項目和金額會因公司資格、方案和團隊規模而不同，也不保證所有優惠都能合併。 參考資料 Anthropic：We’re expanding the Claude Startups program to help founders build Claude Startups 官方計畫頁與常見問題

  • article-Claude Skill 可以用在 Codex 嗎？Claude → Codex Agent Skills 遷移指南

    2026/10/2

    Vibe Coding Codex Claude
    Claude Skill 可以用在 Codex 嗎？Claude → Codex Agent Skills 遷移指南

    最近看到六角學院卡斯柏整理的「Claude Code Skill 設計風格圖鑑」，我第一個念頭是：這些設計方法都包成 Claude Skill 了，如果我平常主要用 Codex，還能不能拿來用？ 簡單說：**很多 Skill 的核心方法可以沿用，但不代表 Claude 與 Codex 的功能可以直接一鍵互換。**如果內容主要是設計規則、檢查清單和工作步驟，通常很容易搬；如果它仰賴特定工具權限、Hook、子代理或插件設定，就要逐項調整並實際驗證。 本文用卡斯柏的圖鑑當例子，整理如何把一份 Claude Skill 轉成 Codex 可發現、可執行，也方便持續維護的工作方法。 本文依 2026 年 10 月 2 日可查到的官方文件整理。Agent Skills 與 Codex 插件規格仍會演進；安裝或遷移前，請再核對當下文件與工具版本。 先分清楚 Skill 格式和執行平台Agent Skill 通常是一個資料夾，核心是 SKILL.md，可以再附上 references/、assets/ 和 scripts/。SKILL.md 描述何時使用這份 Skill，以及 Agent 要遵循的工作方法。這套目錄概念採用開放的 Agent Skills 標準，Claude Code 和 Codex 都有自己的 Skill 支援方式。 兩邊載入本機 Skill 的路徑不同。Claude Code 的專案 Skill 常放在 .claude/skills/<skill-name>/；Codex 則會從專案中的 .agents/skills/ 掃描。Codex 的官方文件也說明，這個目錄適合專案內使用；若要散布給其他人，則可把 Skill 包裝成 Plugin。 所以，看到兩邊都有 SKILL.md，可以先把它理解成「可攜的工作方法格式」，不要直接推論裡面的每個欄位、指令或執行行為都相容。 只有 SKILL.md 和參考資料時，怎麼搬？如果 Skill 的內容是設計原則、操作步驟、範例和檢查清單，通常可以先做小幅遷移： 讀完 SKILL.md，確認它要求 Agent 做什麼、何時啟用。 一併保留 Skill 用到的 references/、assets/ 和 scripts/。 複製到 Codex 專案的 .agents/skills/<skill-name>/。 把 Claude 專屬路徑、工具名稱和呼叫方式改成 Codex 可用的寫法。 在實際任務中明確呼叫一次，再檢查產出是否遵循 Skill 的規則。 例如，先確認目標資料夾不存在，再複製整個 Skill 資料夾： 12mkdir -p .agents/skillscp -R .claude/skills/<skill-name> .agents/skills/<skill-name> 若 Skill 原本就在個人目錄或某個插件裡，來源路徑要依實際位置調整。複製前先看過其中的腳本與外部依賴；不要只因為資料夾名稱叫 Skill，就直接執行裡面的程式。 以設計風格 Skill 為例，核心內容可能是字體層級、版面網格、留白、圖片運用、動態效果、響應式規則與反模式。這些方法通常不依賴特定模型，搬移後仍然有參考價值。 哪些 Claude 設定不能直接照搬？實際要花心力的地方，往往是 SKILL.md 的前置資料，以及文字背後預設的產品行為。 allowed-tools 不等於 Codex 的權限設定。 Agent Skills 標準將這個欄位列為實驗性項目，各家支援程度可能不同。Codex 的遷移參考也提醒，工具清單可以轉成文字指引，但不會因此成為嚴格的權限邊界。真正的權限要在執行環境或平台設定中處理。 **model、effort、context、user-invocable 和 disable-model-invocation 等欄位，可能是 Claude 專屬或語意不同的設定。**逐項查清楚它們在來源平台控制什麼，再決定要刪除、改寫為一般指引，或放到 Codex 支援的設定中。 **Hooks、子代理與指令需要分開檢查。**例如，Claude 的 Slash Command 可以轉成 Skill 的概念，但參數代換、工具呼叫和執行時機未必相同；Hook 的事件種類與行為也不保證一對一對應。 **MCP 設定不是 Skill 內容本身。**Skill 可以說明如何使用工具，但伺服器設定、認證與工具權限要在 Codex 支援的整合方式中另外處理。 若原本的 Claude Skill 帶有 hooks、agents、.mcp.json、commands/ 或 plugin.json，先列清楚每一項功能，再決定要手動改寫、用 MCP／Plugin 重建，或保留為人工處理事項。不要只移動資料夾就宣稱遷移完成。 官方遷移工具可以參考，但要先檢查新舊版本OpenAI 的舊版 Skills Catalog for Codex 曾提供 migrate-to-codex Skill。它設計的流程包含掃描來源、產生計畫、檢查風險、Dry Run、執行遷移，再驗證目標檔案。 **時效提醒：截至本文查核日，該 GitHub 專案首頁已標示 deprecated；其中的遷移 Skill 仍可查閱，但不應把它當成保證持續更新的安裝或遷移入口。**它的差異參考文件也標註最後檢查日期為 2026 年 4 月。若要用這份工具，先確認目前版本、命令選項和 Codex 官方文件，再檢查 Dry Run 的檔案清單；不要未審查就執行會寫入或刪除檔案的步驟。 目前 OpenAI 的文件說明 Codex 可從 .agents/skills/ 載入本機 Skill；若要跨專案散布或搭配連接器，則可依現行 Plugin 文件打包。OpenAI 也提供 Claude Code Plugin 遷移指引，逐項說明哪些 skills/、commands/、Hook 和設定需要保留、改寫或另外處理。這些文件比沿用舊版範例更適合當下的檢查起點。 我會採用的遷移工作流把 Skill 當成程式一樣檢查，比「搬過去應該就能跑」可靠： 1234567891011盤點來源 ↓確認 Codex 支援範圍 ↓複製 Skill 和必要資源 ↓改寫平台專屬欄位與呼叫方式 ↓檢查腳本、路徑和權限假設 ↓用一個真實任務驗證 只有單一 SKILL.md 的情況，可以手動遷移並逐段檢查；如果整個 Claude Plugin 還包含 MCP、Hook、Subagent 和 Marketplace 設定，就先分拆成不同能力處理。每完成一類設定，都要確認它在 Codex 端的實際替代方式，並檢查遷移後的 Skill 能否找到原本依賴的檔案。 完成檔案搬移後，不要只看資料夾出現就算過關。先確認 Codex 能發現這個 Skill，再用明確的提示詞呼叫它；觀察它是否真的套用設計規則、遵循限制並找到參考資料。遇到結果不符時，修正 Skill 後再跑一次相同任務。 npx skills add 是社群工具，不是 OpenAI 官方指令另一種常見做法是使用 Vercel Labs 維護的 Skills CLI： 1npx skills add OWNER/REPO 它可以協助從 GitHub 等來源安裝 Skill，不過這是第三方工具，不是 OpenAI Codex 的官方指令。使用前先確認來源 Repo、版本、Skill 實際內容、會執行的腳本、權限和檔案寫入位置。若只是移轉單一 Skill，手動檢視及複製往往更容易知道哪些內容真的進入 Codex。 把設計風格圖鑑變成自己的 Design Skill Library我覺得卡斯柏圖鑑最值得帶走的，不是收集一大堆別人的 Skill，而是拆解它們背後的設計方法。看到喜歡的網站時，可以問：它怎麼使用字體、留白、網格、層次、圖片、動態、互動與響應式版面？哪些反模式值得寫進檢查清單？ 再把反覆會用到的方法整理成小而清楚的 Skill，例如： 123456.agents/skills/├── editorial-web-design/├── landing-page-design/├── dashboard-design/├── motion-design/└── design-review/ 開始設計頁面時，按需求組合相關 Skills，再請 Agent 依 design-review 檢查層級、留白、手機版與動畫。這種模組化方式比較容易逐項維護，也比把 UI、UX、SEO、動畫、框架、文案和部署全塞進一個超大型 Skill 更清楚。 Skill 累積的是可重複執行的工作方法，不是某個模型的永久能力保證。模型和產品功能會改版，Skill 的路徑、工具與規則也要跟著實際環境檢查；能跨平台重用的部分，才是真正留下來的專業方法。 如果你也在整理 Codex 和 Claude 的工作流程，可以延伸閱讀我把 ChatGPT 接上開發台 MCP，讓 Codex 接手實作的流程。 常見問答 (FAQ)Q1：Claude 的 SKILL.md 可以直接放進 Codex 嗎？若內容主要是一般文字指令、範例與參考檔案，通常可以先複製到專案的 .agents/skills/<skill-name>/ 再測試；但 Claude 專屬的 frontmatter、Hook、工具權限與呼叫方式需要檢查，不能假設完全相容。 Q2：Codex 專案 Skill 應該放在哪個資料夾？Codex 官方文件列出的專案 Skill 位置是 .agents/skills/。每個 Skill 資料夾至少要有含 name 與 description 的 SKILL.md；參考資料、腳本和資產可依需要放在同一個資料夾。 Q3：Claude Plugin 的 Hooks、MCP 和 Subagents 也會一起搬過去嗎？不一定。這些功能和 Skill 指令使用不同的執行方式，要依 Codex 支援的 Hook、MCP、Plugin 或 Agent 設定分別檢查；有些行為沒有直接對應，需要人工重寫或保留為手動步驟。 Q4：npx skills add 是 Codex 官方安裝工具嗎？不是。它是 Vercel Labs 維護的跨 Agent Skills CLI。它可以安裝 Skill，但使用前仍要檢查來源與內容；Codex 本身也有官方文件描述本機 Skill 的位置和 Plugin 發佈方式。 參考資料 卡斯柏｜Claude Code Skill 設計風格圖鑑 Anthropic｜Claude Code Skills OpenAI｜Build skills for ChatGPT and Codex OpenAI｜Skills Plugin concept OpenAI｜Submit your Claude Code plugin Agent Skills｜Open Standard OpenAI｜舊 Skills Catalog 與 migrate-to-codex 資料（查閱時請留意該 Repository 的 deprecated 標示） Vercel Labs｜Skills CLI

  • article-Claude 程式碼動畫怎麼做？從 Prompt 拆出 Motion Design Skill

    2026/10/1

    AI Agent 影音行銷 Claude
    Claude 程式碼動畫怎麼做？從 Prompt 拆出 Motion Design Skill

    最近看到一個很有意思的 GitHub 專案：awesome-opus5-5-videos。 截至 2026 年 9 月 29 日，專案 README 列出 475 個 Prompt 檔，並從中精選 100 個案例展示。它的特別之處，是把動畫成品和創作者分享的 Prompt 放在一起，讓人有機會研究這些作品是怎麼被描述、再被做出來的。 先補上一個容易誤會的地方：這不是 475 份都完整公開的 Prompt。專案也註明，有些創作者只分享了部分 Prompt，或只留下原始貼文連結。至於 Claude 產生的實作程式碼，也不一定附在每個案例裡；如果創作者沒有另外公開，你可以重跑 Prompt，再觀察自己得到的 HTML、Canvas、SVG 或 Three.js 程式碼。 我最近也一直在研究 Claude 用「寫程式」做動畫。看得越多，我越覺得這個集合真正值得看的，不是能不能一次複製大量 Prompt，而是我們可以從成品回頭研究：一句動畫需求，如何變成有時間、有物件、有動作的可執行規格？ 這些案例走的是程式碼動畫路線這批作品不是把一句描述直接交給影片模型，再由模型輸出一段影片。依專案的說明，創作者會請 Claude Opus 5.5 把動畫寫成程式；常見做法包括 HTML、Canvas、SVG 和 Three.js。瀏覽器負責執行動畫，若需要影片檔，再把播放畫面錄製或輸出成影片。 可以先用這個流程理解： Prompt → Claude 寫動畫程式 → 瀏覽器執行 → 需要時錄成影片 因此，Claude 在這個流程中同時接到導演、動畫師和前端工程師的工作：它要理解畫面、安排動作，也要把想法轉成瀏覽器能執行的程式。 一支動畫可以拆成畫面、動作與聲音從案例可以看出，程式碼動畫大致有三個互相配合的部分： 部分 常見技術 主要負責的內容 畫面怎麼畫 Canvas、SVG、Three.js、GLSL 文字、圖形、粒子、3D 場景、材質與光影 畫面怎麼動 CSS Animation、GSAP、JavaScript timeline 元素何時出現、移動路徑、縮放、速度與緩動 聲音與節奏 Web Audio API 或音訊素材 音效、節拍與畫面轉場的搭配；也可以完全不加聲音 有些作品把樣式、動畫與程式包進單一 HTML，打開瀏覽器就能預覽；要分享成影片時，再另外錄製播放結果。重點不是一定要採用哪個框架，而是讓畫面、動作和節奏彼此對得上。 好的動畫 Prompt 更像一份 Motion Design 規格寫程式做動畫時，cinematic、dramatic lighting 或 epic 這類形容詞仍能傳達美術方向，但通常不足以告訴模型一支動畫要怎麼走。更有用的資訊是時間、物件、動作和輸出方式。 先安排時間，再描述每段畫面例如，想做一支 10 秒的科普動畫，可以先列出節奏： 時間 畫面與動作 0–2 秒 主視覺淡入，主題物件由小放大 2–4 秒 標題從側邊滑入，停在畫面安全區 4–7 秒 圖表逐步成長，重點數字依序出現 7–10 秒 鏡頭拉遠，收束成結尾畫面 這比只說「做一支很有電影感的動畫」更能讓模型掌握段落長度、先後順序和畫面轉換。 說清楚畫面有哪些物件把文字、圖表、角色、圓形或背景元素列出來，並說明它們的位置、大小關係和視覺層級。若標題要優先被讀到，可以直接交代標題與圖表不要互相遮擋，重要內容要留在畫面中央的安全範圍。 描述物件如何移動除了「要出現什麼」，還要指定誰先動、往哪裡移動、移動多久、是否放大或淡出，以及動作要急促還是平滑。這些都是動畫規格的一部分，能幫助模型把靜態構想轉成有節奏的畫面。 補上風格與輸出條件最後再補色彩、字體感受、比例、背景、是否需要聲音，以及希望怎麼預覽。若想快速在瀏覽器查看，可以要求輸出單一 HTML 檔；如果結果要再剪輯，也要先想好影片比例和結尾如何銜接。 為什麼不該只複製 Prompt？只收集提示詞，很容易變成「看過很多範例，卻不知道怎麼自己改」。更有效的讀法是把成品、原始 Prompt 和自己重跑後的程式碼對照起來： 先看成品： 留意它為什麼順、哪裡吸引你，以及畫面如何轉場。 再看 Prompt： 找出創作者如何描述時間、構圖、物件與動作。專案也提醒，有些檔案只提供節錄或原始貼文。 自己重跑一次： 觀察模型選了什麼技術、如何切分動畫，以及結果和原始成品有哪些差異。 一次只改一個條件： 例如配色、文字、速度或畫面比例，才看得出修改造成的差異。 整理有效規則： 記下哪些描述能穩定改善節奏、版面或可讀性。 先挑和自己用途相近的案例就好。README 目前精選的分類包括 Motion Graphics、Explainers、3D Scenes，以及 Games & Interactive。若目標是做 AI 科普短片，可以先從 Explainers、Typography 和 Data Visualization 類型找靈感，不需要依序研究所有案例。 把反覆驗證過的方法整理成 Animation Skill當你研究過一批相似作品，就可以把有效的方法整理成自己的 Skill。它不只是保存一段長 Prompt，而是說明 Agent 每次接到任務時要如何完成工作，例如： 輸入與目標： 影片主題、觀眾、時長、比例和發布平台。 畫面規格： 場景、物件、文字層級、構圖與色彩方向。 時間軸： 每段的開始與結束時間、動作順序、轉場和節奏。 實作與輸出： 選擇 Canvas、SVG、CSS 或 Three.js 等合適方式，交付可預覽的檔案。 驗收方式： 檢查文字、時間軸、畫面比例、播放效果與需要修正的地方。 等這些規則經過幾次實際製作與修正，你就可以把文章、課程或數據內容交給 Agent，再要求它依照自己的 Explainer Animation Skill 開始規劃。模型和工具可能改變，但你整理出的判斷方法、範本與驗收步驟仍然可以繼續累積。若你也在整理 Skill 與 Agent 工作方式，可以延伸閱讀從 Skill 到 Agent Harness和Codex Skill 與 Plugin 的差異。 新手可以怎麼開始？ 從專案中挑三個和自己目標相近的案例。 先完整看完成品，再讀它附的 Prompt 或原始貼文。 用相同 Prompt 跑一次，觀察模型實際產生的程式和動畫。 每次只改一個變數，記錄畫面和節奏怎麼變。 把反覆有效的規則整理起來，再逐步形成自己的 Skill。 最後要建立的，不是「我收藏了多少 Prompt」，而是自己能否把作品拆成規格，再把有效做法整理成可重複使用的 Library、Skill 和 Workflow。這才是這批程式碼動畫案例最值得研究的地方。 專案連結：awesome-opus5-5-videos。專案 README 指出，影片與 Prompt 歸原創作者所有，並在各案例連回原始來源；公開可看不等於可以任意重用素材。 常見問答 (FAQ)Q1：這些案例是 Claude 直接生成影片檔嗎？不是。專案介紹的是 Claude 先把動畫需求寫成程式，再由瀏覽器執行；若需要影片檔，還要錄製或輸出播放結果。 Q2：專案裡的 475 個 Prompt 都能看到完整內容嗎？不一定。截至 2026 年 9 月 29 日，README 列出 475 個 Prompt 檔，但也說明部分創作者只分享節錄或原始貼文。每個案例可取得的資訊要以該項目的連結為準。 Q3：研究案例時，為什麼還要自己重跑 Prompt？專案提供案例和創作者分享的提示詞，但不保證每筆都附上生成後的完整程式碼。自己重跑後，才能檢視實際實作方式，並比較它與原始成品的差異。 Q4：Prompt 和 Animation Skill 有什麼不同？Prompt 通常描述一次任務的需求；Animation Skill 則把可重複的方法整理成流程，包含輸入、規格、實作方式和驗收步驟，讓 Agent 能依同一套方法處理不同內容。

  • article-如何使用 Claude Cowork 自動生成專業AI PPT 簡報

    2026/4/2

    AI工具 AI自動化 Claude
    如何使用 Claude Cowork 自動生成專業AI PPT 簡報

    今天的主題非常特別，我們將深入探討如何利用 Claude 的協作功能（Co-work / Workspace）來完成一項許多上班族的痛點任務——自動製作 PPT 簡報。透過這套 AI 自動化流程，你只需要準備好大綱與空白模板，剩下的排版與生成工作通通交給 AI，最快 10 到 15 分鐘就能拿到一份完整的簡報成品！ 準備步驟：如何建立專屬的 AI 簡報工作區？要讓 Claude 幫你精準產出簡報，前期的資料準備非常關鍵。請跟著以下步驟建立你的專案環境： 建立專屬資料夾：在桌面上開啟一個新的資料夾，作為這次簡報生成的工作區。 匯入品牌模板：將你平常使用的「空白簡報模板」放入資料夾中。這一步非常重要，這能確保 AI 產出的簡報符合你的品牌風格（例如：保留你的首頁設計與結尾感謝頁）。 準備內容大綱：預先準備好你要製作的簡報文字內容或企劃大綱。 實戰核心：如何下達 Prompt 讓 Claude 批量生成？準備好素材後，我們就可以請 AI 開始工作了。你可以先透過其他的 AI 工具（如 ChatGPT）根據你的主題生成大綱，接著將這些大綱餵給 Claude，並下達明確的指令。 你可以參考以下這段 Prompt 架構： 123456789101112請根據我提供的空白簡報模板（[你的模板名稱.pptx]），以及以下的大綱內容，幫我製作一份完整的 PPT 簡報。簡報主題：AI 內容工廠 - 一鍵生成 100 支短影片腳本大綱架構：1. 開場金句（直接套用：大多數人不是不會做短影片，是撐不久...）2. 痛點放大（約 10 分鐘：為什麼 99% 的人做不起來？）3. 實作核心（約 45 分鐘：輸入 1 主題，產出 100 個腳本）...（貼上完整大綱）...要求：- 必須保留模板的第一頁（封面）與最後一頁（封底）。- 中間內容請依照大綱邏輯，自動進行排版與視覺化。 送出指令後，Claude 就會開始執行簡報的編譯與視覺化 QA（品質檢驗）。根據測試，大約只需要 10 到 15 分鐘，AI 就能從無到有產出一份包含 15 頁內容的完整簡報檔。 成果優化：如何精修排版與品牌視覺？當 Claude 產出簡報後（例如下載為 PPTX 格式），你可以打開檔案進行對照與微調。你會發現： 首尾一致性：AI 會完美沿用你提供的第一頁（封面）與最後一頁（QR Code 或感謝頁）的設計。 中間頁面排版：AI 會根據你提供的大綱自動填入文字，並進行初步排版。 進階優化技巧：如果生成的排版風格不如預期（例如顏色不對、字體大小不統一），不用擔心。你可以在後續的對話中，加入更明確的「品牌風格指令」。例如： 1請確保所有標題使用 [字型名稱]、大小為 [XX]，並使用 [色號代碼] 作為強調色。你可以參考我過去簡報的視覺風格來進行排版。 只要給予足夠的分析資料與指令，Claude 就能更貼近你的專屬簡報風格，徹底擺脫過去手動一頁一頁調整格式的痛苦！ 想讓 AI 生成的簡報更穩，關鍵不是模型，而是輸入品質很多人第一次用 AI 做簡報時，最容易誤會的一點是：以為只要模型夠強，簡報就會自動變得專業。實際上，真正決定成果品質的，通常不是模型名稱，而是你提供給 Claude 的素材是否夠完整。 如果你只丟一段主題給 AI，例如「幫我做一份 AI 行銷簡報」，那它大多只能產出一份泛用型內容；但如果你能同時提供以下資訊，結果通常會穩很多： 明確的大綱結構：每一段要講什麼、順序怎麼排、哪裡要當重點頁。 既有模板檔案：包含封面、配色、字體風格、頁首頁尾等品牌元素。 講者情境：這份簡報是對客戶提案、內部報告、課程教學，還是銷售簡報？ 頁數與節奏要求：例如希望控制在 12 到 15 頁，每頁不要過滿。 視覺偏好指令：例如偏商務、偏極簡、偏高對比，或要保留特定 icon 與圖表風格。 換句話說，Claude 更像是一位執行能力很強的簡報協作助手，而不是會自動讀心的設計總監。你給它的上下文越完整，它輸出的內容就越接近可直接上台使用的版本。 給新手的實務建議：第一次不要追求一次到位如果你是第一次測試這種 AI 簡報工作流，建議不要一開始就丟最重要的提案簡報。比較穩的方式，是先拿一份你已經熟悉主題、而且結構清楚的內容做測試，目的是先驗證三件事： 模板有沒有被正確沿用：封面、封底、色系與版型是否保留下來。 內容切頁有沒有合理：AI 有沒有把一整段文字硬塞進同一頁。 後續修改成本高不高：你拿到成品後，是小修即可，還是幾乎要重做。 當你第一次跑完流程後，建議把不滿意的地方整理成明確規則，例如： 標題最多 14 字 每頁列點不超過 5 點 遇到流程說明優先改成圖解型版面 結論頁一定要包含 CTA 與聯絡方式 這些規則一旦整理好，之後就能變成你的固定 Prompt 模板。未來每次只要換主題，不用再從零開始調整，整體產出速度會快很多。 常見問答 (FAQ)Q：使用 Claude 生成簡報，會不會失去原本的品牌風格？A：不會的。核心秘訣在於「提供空白模板」。只要你在上傳需求時，一併附上帶有你品牌識別（Logo、特定配色、首尾頁設計）的 PPT 模板，Claude 就會在該框架下生成內容，確保品牌視覺的一致性。 Q：AI 生成出來的簡報可以後續手動修改嗎？A：當然可以。Claude 最終產出的是標準的簡報格式檔案。你可以直接用 PowerPoint 或 Keynote 打開，針對裡面的文字、圖片或排版進行自由微調，你依然擁有 100% 的修改控制權。 Q：如果覺得 AI 排版出來的樣式很陽春，該怎麼辦？A：這通常是因為指令不夠具體。建議你先請 Claude 讀取並分析你過去做過、覺得好看的簡報檔案，然後在 Prompt 中明確指定「字體大小、標題顏色、列點方式」，讓 AI 掌握你的排版邏輯，下一次生成的品質就會大幅提升。 Q：用 Claude 做簡報，真的能取代 PowerPoint 手動排版嗎？A：比較精準的說法是「大幅減少手動排版時間」，但通常還不會完全取代人工。Claude 很適合先完成 70% 到 90% 的初稿，包括頁面拆分、標題整理、內容填入與基本版型延用；但如果是高層提案、投資人簡報或重要課程教材，最後仍建議人工做一次視覺與訊息密度校正。 Q：我應該先準備完整逐字稿，還是只給大綱就夠了？A：兩種都可以，但用途不同。如果你要的是「快速出初稿」，給大綱就夠；如果你要的是「內容精準、邏輯完整、接近可直接上台講」，那最好提供逐字稿、重點段落或你原本的企劃內容。大綱適合做架構，逐字稿則更能幫助 AI 抓到你真正想表達的語氣與細節。 Q：Claude 生成簡報通常適合哪些類型的內容？A：最適合的是結構清楚、重點明確的簡報，例如課程簡報、內部教育訓練、顧問提案、服務介紹、產品說明、工作坊教材與內容行銷型簡報。相對來說，如果是高度依賴精細動畫、複雜圖表、互動效果或極高設計要求的發表會簡報，AI 可以先做底稿，但後段仍需要設計師細修。 Q：如果 Claude 把內容切頁切得很怪，問題通常出在哪裡？A：大多不是模型失常，而是原始內容沒有明確段落層級。當一份大綱沒有標示「章節、子題、重點、案例、結論」時，AI 很容易把資訊切得過碎，或反過來把太多內容塞進同一頁。比較好的做法是先把大綱整理成一層一層的結構，再清楚標記哪些段落要獨立成頁。 Q：我可以直接丟一份 Word、Notion 或純文字內容給 Claude 嗎？A：可以，但建議先整理過再丟。因為原始文件常常包含很多不適合直接上投影片的內容，例如過長段落、重複描述、備註型文字或講者腦中才懂的提示。先把內容整理成「標題 + 重點列點 + 案例補充」的格式，AI 轉成簡報時會準很多。 Q：如果我的簡報需要圖表、流程圖或案例頁，Claude 也能一起處理嗎？A：可以先幫你建立頁面結構與內容建議，但圖表與流程圖的精緻程度，通常還是取決於模板、素材與你給的指令清不清楚。若你希望某頁一定要做成流程圖、比較表或三欄式案例頁，最好直接在 Prompt 中說明，不要只寫「請幫我排版得好看一點」。 Q：為什麼有時候 AI 生成的簡報文字很多，看起來像把文章貼上去？A：這是 AI 做簡報很常見的問題，本質上是「把文件摘要」和「做投影片」混在一起。投影片不是文章頁面，而是輔助口說的視覺媒介，所以一頁通常只需要保留最核心的資訊。你可以在指令中明確要求：每頁只保留 3 到 5 個重點、每點一句話、必要時改成圖解或流程式表達，這樣會明顯改善。 Q：第一次使用這種 AI 簡報流程，最推薦怎麼測試？A：建議先挑一份你已經做過、而且很熟悉的舊簡報主題來測。這樣你最容易判斷 AI 是真的幫你省時間，還是只是換一種方式增加修改成本。第一次測試不要追求完美，而是先看它能不能穩定保留模板、正確切頁，並讓你在 15 到 30 分鐘內完成最後微調。 Q：這種做法最適合哪些人導入？A：最適合的是有固定產出簡報需求的人，例如顧問、講師、業務、行銷企劃、知識型創作者、內訓講師與中小企業老闆。只要你常常在做「把同一套邏輯換主題重做簡報」這件事，就很適合把大綱整理、初稿排版與版型套用交給 Claude 先完成。

  • article-用 Claude 產生 SVG 圖表，實作你的 AI 寫文 SOP 視覺化！

    2025/6/10

    內容行銷 AI繪圖 Claude
    用 Claude 產生 SVG 圖表，實作你的 AI 寫文 SOP 視覺化！

    🎯 用一張圖，讓內容 SOP 更專業、更可傳播、更具說服力！ 在這個資訊密集、內容泛濫的時代，一篇好文章不僅要寫得好、標題吸睛，還要有「視覺說服力」。我們的 AI 寫文 SOP 就是一個絕佳範例——不只是流程明確，還能圖像化、模組化、視覺化。 本文帶你實作：如何用 Claude 產生 SVG 圖解，把你的寫文流程變成圖像資產，輕鬆應用在部落格、簡報與社群分享上。 🧠 為什麼要圖解 AI 寫文 SOP？你是否也常遇到這樣的情境？ 同事問：「你都怎麼用 AI 寫文章？」 學員問：「我也想學寫文 SOP，可以分享嗎？」 自己寫了一堆筆記流程，但要交接或教人時難以說清楚…… 這時候，你就需要一張圖——清楚呈現「寫文步驟、工具使用、思考流程」的視覺圖表，一目瞭然、一秒信服。 我將整套 ChatGPT 寫作 SOP 圖像化，從 起稿 → 分段擴寫 → 潤飾修稿 → 社群轉發 → 影音再製，讓流程一目了然，也更具專業性。 靈感來源：邱煜庭 🔗 Facebook 貼文 AI寫文全流程 SOP🚀 階段一：草稿與大綱設計 撰寫初稿草稿 使用 ChatGPT 專案（含語氣設定＋歷史文章）快速產出初稿。 用 GPT-4o-mini-high 切大綱 產出 1500 字內的邏輯段落架構。 儲存至 Google Docs，備用擴寫。 🛠 階段二：分段擴寫與優化 逐段擴寫（GPT-4o） 每段不超過 1500 字，保留可閱讀性與流暢度。 人工調整與補強 編輯脈絡、補實例、優化句型，逐步完善主題。 📚 階段三：引用與潤飾 Gemini 潤稿 + 引用補強 提供背景資料、佐證數據或文獻引用，讓內文更具說服力。 📲 階段四：社群發布與圖像擴散（優化版） 改寫為 Facebook 長文 ChatGPT 改寫為敘事感強、口語清晰、段落有鉤子的貼文版本。 生成封面圖 + 圖解內容 請 AI 幫忙摘要文章內容 → 用這段摘要餵給 Dreamina（或 Midjourney）生成一張封面圖。 文章丟進 Claude 生成 SVG 圖表，再用 jyshare.com 編輯器微調。 完整文章上傳官方部落格，並： 利用 Gamma 將文章快速變成簡報 產出嵌入式 iframe，直接插入 Blog 中，提升專業感 多語版本產出與商業翻譯 ChatGPT 翻譯英文＋日文版本。 NotebookLM 對外語進行詞彙潤色（去除過度口語，轉為商務用語）。 發布平台： 中文：Facebook + 官網部落格 英文：Medium 日文：Note 🎙 階段五：影音版本製作 聲音摘要 + 自動字幕影片 將 NotebookLM 生成的中文摘要轉為 TTS 語音。 匯入剪映（CapCut）自動產生字幕並剪輯成影片。 上傳至 YouTube / Shorts 擴大觸及。 🛠 Step 1：撰寫提示詞，請 Claude 產生 SVG 圖表Claude 特別適合生成結構圖、概念圖，只需給予正確提示詞，它就能轉換為 SVG 程式碼。 以下是推薦的提示詞開場： 1你是製作知識圖解的大師，請閱讀下面文章，思考應該如何設計資訊圖表。請一步步閱讀、推理與設計，設計時跳脫只是整理知識重點的邏輯，從更加概念、示意的層面進行圖解設計，⽤極簡⾵格，⽤SVG繪製出圖表。 貼入你的寫作 SOP 後，Claude 就會生成一段 SVG 原始碼。 https://claude.ai/public/artifacts/b54e24a1-539a-47e6-9cc6-da8044a05795 延伸閱讀：《教你用提示詞讓 Claude 或 ChatGPT 生成 SVG 圖表》 📌 小提醒：內容邏輯越清晰，圖表視覺越有力。 🎨 Step 2：用 SVG 線上工具即時預覽與微調Claude 產出 SVG 程式碼後，建議使用這個線上工具： 👉 jyshare SVG Editor 操作步驟如下： 將 SVG 程式碼貼入網站。 即時預覽圖表。 調整顏色、字型、節點位置等。 若需轉為圖片插入部落格，可使用： 👉 SVG 轉 JPG 工具 🌐 Step 3：將圖表嵌入網站或部落格方法一：使用 iframe 嵌入1<iframe src="圖表網址" width="100%" height="600px"></iframe> 方法二：插入轉檔後圖片將 SVG 轉為 JPG/PNG，做為內文插圖、段落補充、甚至封面圖，提升可讀性與停留時間。 💡 Step 4：圖解的三大價值✅ 更強記憶點圖像記憶優於文字，流程圖讓 SOP 一看就懂。 ✅ 提升專業信任感有圖有邏輯，代表有系統、有章法，強化品牌專業形象。 ✅ 高度再利用圖解可延伸為簡報素材、教案、教學影片，是長尾內容資產。 🔁 延伸應用範例 建立知識 SOP 圖解資料庫 結合 Notion、Obsidian、Miro 等工具打造 AI 操作可視化介面 將圖表用於簡報、教案、社群貼文統一視覺 結合 Pika、Runway 等影片工具製作動畫版流程影片 📌 常見問題 FAQQ1：我不會設計，也能操作嗎？可以！不需設計背景，只需貼內容與提示詞。 Q2：Claude 哪個版本比較適合？Claude 2 和 3 都可以，3 理解力與排版更佳。 Q3：ChatGPT 可以產圖嗎？可產出簡單圖形，但結構整體感略弱，適合微調用途。 Q4：SVG 可以改字型嗎？可，在 <text> 裡加 font-family。 Q5：如何改顏色？改 <rect> 或 <circle> 的 fill 屬性值即可。 Q6：圖表可以加動畫嗎？可以，加 <animate> 或搭配 JS/CSS 動畫效果。 Q7：Claude 產出的圖表會錯嗎？偶有節點重疊或版面跑掉，可用 SVG 編輯器微調。 ✅ 結語：讓流程說話，讓圖像轉化影響力！不再只有文字敘述，讓你的 AI 寫作 SOP 變成圖像，成為具說服力的「內容資產」。圖像化，是知識產品化的第一步，也是讓他人快速理解你價值的關鍵！ 📊 讓流程圖成為你的數位名片，一看就懂、一學就會、一轉就動。

  • article-教你用提示詞讓 Claude 或 ChatGPT 生成 SVG 圖表

    2025/6/9

    AI繪圖 Claude
    教你用提示詞讓 Claude 或 ChatGPT 生成 SVG 圖表

    靈感來源：路導的AI知識庫點我閱讀原文 你是否也遇過這種狀況？ 做簡報時，想加張圖解圖，結果找圖找了半小時還是沒頭緒 想讓文章看起來更有層次，但自己畫圖太慢、外包太貴 用 AI 畫圖，卻不是看不懂就是無法改圖 別擔心，這篇文章就是要教你一招超簡單的方法：用提示詞 + AI（Claude / ChatGPT）就能自動畫圖，而且還能直接修改！ 不需要寫程式、不需要會設計，從今天開始，人人都能畫出好看的知識圖解。 為什麼用 AI 畫圖選 SVG？三大理由帶你了解如果你剛開始接觸 AI 協作工具、或是想用 ChatGPT 幫你做資料視覺化，SVG 圖表是最友善也最實用的選擇。 以下是為什麼你應該學會生成 SVG 圖表的三個原因： ✅ 1. 它是 AI 最容易產出的圖形格式SVG 是用純文字描述的向量圖形，這表示你只要對 AI 下對「文字指令」，它就可以直接幫你畫圖，不需要你會繪圖軟體或寫程式。 ✅ 2. 放大不模糊、嵌入網頁與簡報都很方便不像 PNG 或 JPG 圖片會模糊變形，SVG 在簡報、教學網站、部落格裡都能保持清晰畫質。 ✅ 3. 搭配線上編輯器，生成後可即時修改即使你對圖形設計不熟，也可以用免費的 SVG 編輯工具 一鍵貼上 AI 程式碼，調整字體顏色、位置與圖層，最後匯出高品質圖檔。 小結：為什麼選擇 SVG？SVG（Scalable Vector Graphics）是可縮放向量圖形格式，非常適合知識圖解、流程圖與概念圖，不失真、支援互動，也容易透過 AI 自動生成。 ChatGPT / Claude 生成 SVG 圖的三種提示詞設計法🧠 1. 基礎提示詞最簡單有效的做法是： 1你是製作知識圖解的大師，請閱讀下面文章，思考應該如何設計資訊圖表，請一步一步閱讀、推理與設計，並提供我 SVG 程式碼。 1你是製作知識圖解的大師，請閱讀下面文章，思考應該如何設計資訊圖表，請一步一步閱讀、推理與設計，設計時跳脫只是整理知識重點的邏輯，從更加概念、示意的層面進行圖解設計，用極簡風格，並提供我 SVG 程式碼。 通常能得到結構合理、重點突顯、視覺清晰的圖表。 🔍 2. 專業結構化提示詞用於知識整理、流程說明、教育訓練等： 12345678根據下面資料，設計一張 SVG 知識圖表，主題為【XXX】，目的是【解釋概念/呈現數據/傳達流程】。目標觀眾是【XXX】，他們偏好【XXX】的設計。目標：- 資訊結構：按照【問題→過程→解決方案】的邏輯，用圖像化、圖表方式呈現資訊。- 視覺層次：重點使用【字體加粗、色彩對比、尺寸放大】突顯，並用【箭頭、連接線】引導視線。- 配色設計：保持專業現代感，並讓顏色更豐富。- 圖示風格：選用【扁平化設計】的圖示，統一風格且直觀易懂，適度加上ICON。- 構圖與排版：依【標題→重點→細節】的層次結構，使用【色塊、線條】劃分區塊，保持適當留白。 🛠 3. 技術規格提示詞若需符合特定樣式，可使用如下提示： 12345678910生成一張表現【主題】過程的 SVG 圖，包含從【起點】到【終點】各個關鍵過程，使用【科技藍漸變配色】，參考 Material Design 風格。要求：- 尺寸：宽800px，高500px- 使用簡潔現代的設計風格- 配色方案：主色為藍色(#3498db)，輔助色為灰色(#95a5a6)- 確保所有中文正確顯示- 包含3-5個關鍵步驟/概念- 添加適當的連接線和方向箭頭- 使用圓角矩形和圖標增強可讀性 ChatGPT 專用提示詞大全（推薦給新手）針對 ChatGPT，可以使用這些「即插即用」提示詞： 🎯 基礎版：直接產圖（含 base64）1我想讓你作為一個SVG設計師。我將要求你創建圖片，而你將為圖片想出SVG代碼，將代碼轉換為base64數據url，然後給我一個回應，其中只包含一個指向該數據url的markdown圖片標籤。 或者更直接的方式 🖼 精細圖示設計（漸層、圓角、全彩）123456請產生一個大小為100x100的 SVG 程式碼，主題為：【AI助手】，設計風格要求如下：- 1:1 正方形- 全彩- 圓角設計- 使用線性漸層背景- 包含代表「AI」的圖標或符號 🔲 基礎圖形生成提示詞對於簡單的幾何圖形，可以使用具體的座標描述： 直線：用svg從點 (0, 0) 到點 (100, 100) 画一條線 矩形：用svg在坐標點（0, 0）處繪製一個正方形，其右下角坐標為（100, 100） 圓形：用svg画一個圓心在 (50,50)，半徑 50 的圓 延伸閱讀：《ChatGPT幫你輕鬆畫圖》 三階段概念化圖解提示詞（進階：分析→設計→優化）這是一組適合處理「複雜內容轉圖表」的結構性提示詞，特別推薦給教育訓練、產品邏輯、商業策略等應用場景： 1234567891011121314151617請閱讀以下文章，並依三階段創建 SVG 知識圖表：1. 分析階段：- 提取核心概念與邏輯關係- 判斷適合的圖表類型（流程圖、概念圖、比較圖…）- 考慮目標受眾的認知需求2. 設計階段：- 建立清晰的視覺層次結構，突出最重要的資訊- 使用適當的圖像隱喻、標籤與符號，使抽象概念更容易理解- 搭配 3~5 種互補色，保持一致風格，增強可讀性和美感- 平衡文字與視覺元素，確保簡潔性和完整性3. 優化階段：- 精簡資訊避免雜訊，去除不必要的細節- 圖表應能單獨解釋核心概念，無需原文也能傳達完整資訊- 驗證視覺圖解是否正確反映原意的核心思想 Claude vs ChatGPT 生成差異 項目 Claude ChatGPT 圖解理解力 ✅ 高：摘要清楚、搭配圖示準確 ⚠ 有時圖像與內容連結較弱 美感與配色 ✅ 自動吸睛、風格統一 ⚠ 須明確指定樣式 回應格式 ✅ 支援 Artifacts 圖形預覽 ⚠ 偶爾轉為 Python，需強調純 SVG 格式 SVG 圖表生成後怎麼用？四步驟快速編輯與輸出 複製 AI 提供的 SVG 程式碼 使用線上編輯器貼上並修改：👉 SVG 線上編輯工具 匯出為高解析 PNG / SVG 嵌入簡報、網頁、文章中 🎯 圖解主題提示詞範例以下為實用範例，可直接貼入 AI 工具中使用： 1. AI 工具應用流程圖12345678根據下面資料，設計一張 SVG 流程圖，主題為【AI 工具應用流程】，目的是【幫助職場工作者了解導入 AI 工具的步驟】。目標結構：- 問題：重複性高的日常工作- 過程：需求辨識 → 工具選擇 → 提示詞設計 → 結果驗證- 解決方案：提升效率與減少錯誤圖像風格：扁平化設計、主色調為科技藍(#3498db)，搭配圖標、箭頭與步驟框。 2. 自媒體經營三階段12345678設計一張 SVG 概念圖，主題為【自媒體經營的三階段】，目的是【協助創作者明確定位與優化策略】。階段內容：1. 初期探索（內容實驗、定位測試）2. 穩定成長（受眾分析、內容優化）3. 商業變現（聯盟行銷、付費產品）格式需求：橫向三欄區塊、每一區塊配有 icon、標題加粗、漸層底色。 3. 價值堆疊模型圖1234567請生成一張表現【價值堆疊】的 SVG 圖表，目的為【展示如何提升產品感知價值】。設計要求：- 層層堆疊的矩形圖示（如蛋糕層）- 每層文字：「內容價值」「社群互動」「售後支援」「限時優惠」「稀缺性」- 使用黃色(#f1c40f)、橘色(#e67e22)、紅色(#e74c3c)漸層配色- 加入金幣 icon 與箭頭，構成視覺中心 4. 品牌影響力擴散路徑圖12345678設計一張 SVG 路徑圖，主題為【品牌影響力擴散路徑】，目的是【幫助品牌理解如何從種子用戶擴展至大眾市場】。結構邏輯：- 起點：創作者內容發布- 中段：鐵粉轉發 → 微網紅合作 → 媒體曝光- 終點：品牌成長與信任建立風格：圓圈節點連接線、淺灰配色、加入 emoji 表情符號 5. 職場晉升地圖圖解12345678生成一張 SVG 知識圖表，主題為【職場晉升地圖】，目的是【讓新鮮人理解從基層到主管的能力升級路徑】。關鍵節點：- 技能建立 → 團隊協作 → 專案管理 → 決策與影響力 → 領導與策略設計風格：- 橫向階梯樣式，每階配有標題與圖示- 主色為綠色(#2ecc71)，輔色為灰藍(#7f8c8d) 常見問答（FAQ）Q1：為什麼要用 SVG 而不是 PNG？SVG 不會失真，可互動且適合 AI 生成；PNG 則為靜態圖片。 Q2：AI 生成的圖會很醜嗎？不會，只要提示詞設計正確，Claude 與 ChatGPT 都能畫出結構清楚的圖。 Q3：我不會寫程式碼，也能用這方法嗎？可以，本文提供的提示詞可直接複製使用，搭配線上編輯器即可操作。 Q4：SVG 可以直接用在簡報或部落格嗎？可以。你可直接嵌入 <svg>...</svg>，或匯出為 PNG 再使用。 Q5：Claude 和 ChatGPT 哪個比較推薦？若你有使用 Claude Pro，Claude 對提示詞的理解更細緻。若習慣 ChatGPT，也完全能達到需求。 Q6：可以讓 AI 畫出流程圖或心智圖嗎？當然可以。請指定「流程圖」、「概念圖」、「比較圖」等圖形類型，AI 會據此設計結構。 Q7：SVG 編輯後能再丟回 AI 改嗎？若懂 SVG 語法，可以調整後回貼給 AI 優化；或使用 SVG 編輯器再轉為提示詞。 結語無論你是創作者、講師、工程師還是產品人員，掌握「AI + SVG」的圖表生成技術，都是視覺表達的超能力！從基礎幾何、流程圖、到進階分析圖，只要用對提示詞，你也能生成一流圖解。 🖊 線上工具推薦：jyshare SVG Editor