Vibe Coding
【AI 工具地圖】ChatGPT、Claude 也能這樣玩！10 種 Vibe Coding 網站設計靈感
想用 ChatGPT、Claude 玩 Vibe Coding，卻不知道能做什麼？整理 10 種創意互動網站設計，從復古自拍亭、熱感應、音檔可視化到像素房間，附設計思路與可直接使用的 Prompt，帶你探索 AI 網頁設計的更多玩法。
Joanna Chang
ChatGPT
ChatGPT／Codex 更新了什麼？9 個實用功能與操作教學
ChatGPT／Codex 多了哪些值得用的功能？本文整理 Dots、Sites 網站部署、Space、側邊聊天與 Plan／Goal 等 9 個功能與用法，透過操作情境與 Prompt 範例，帶你了解如何規劃任務、修改內容與分享成果，並標示 Plus／Pro 的方案差異。
Paper.design 是什麼？超酷新技術，一鍵生成 SVG 檔
Paper 不只是 AI 設計工具，它新的功能還能直接輸出 SVG 檔。這篇帶你看懂 Paper 的 SVG 能力、適合哪些情境，以及為什麼這對設計師與前端協作特別有感。
ChatGPT
別再把 ChatGPT Work 當聊天工具：真正差別與完整教學一次看懂
ChatGPT Chat 跟 Work 有什麼不同？本文從實際工作情境出發，帶你了解 Chat、Work 的差異，以及 Workspace、agents.md、Plugins、Side Panel 與 Skills 該怎麼使用。
【AI工具地圖】Claude 新手教學：剛開始用 Claude，先完成這 4 個設定
剛開始使用 Claude，不知道該先設定什麼？這篇 Claude 新手教學帶你完成 Memory 記憶匯入、Google Connectors、Claude Code 與 Claude in Chrome，讓 Claude 從聊天工具進一步變成能讀資料、處理檔案與操作網站的 AI 助理。
ChatGPT Codex
Codex + Remotion 教學：3分鐘教你使用 AI 製作動畫
用 Codex 搭配 Remotion 製作 AI 動畫，不用自己寫程式。從 Remotion 安裝、影片規則設定、Prompt 製作動畫，到透明背景輸出，完整整理實作流程。
DeepSeek
DeepSeek Harness 小白實戰：第一次自己組一隻 AI Agent
DeepSeek Harness 怎麼玩？這篇從安裝開始，實際建立 3 個 Subagent，再加入 Browser Plugin，帶你一步步理解 AI Agent 與「Everything is a Plugin」到底是什麼。
Codex
【AI 玩法】社群爆紅玩法，利用Codex 把人物做成桌面寵物！
最近社群爆紅的 AI 桌面寵物怎麼做？本篇教你用一張人物照片與 AI，製作會走動、待機、睡覺及接受滑鼠拖曳的桌面角色，並提供繁體中文指令、需求設定方式與常見錯誤排解。
MarkitDown
MarkItDown 教學：Microsoft 官方文件轉換工具，Word、PDF 一鍵轉 Markdown，降低 AI Token 消耗
想讓 ChatGPT、Claude 更容易理解文件內容？本篇完整教學 Microsoft MarkItDown 安裝方式，教你將 Word、PDF、PowerPoint、Excel 一鍵轉成 Markdown，降低 Token 消耗，提高 AI 分析品質。
Kimi K3
【AI工具地圖】Kimi Work 是什麼？3大功能與 Kimi K3 完整介紹，一篇看懂可以怎麼用
Kimi Work 為什麼近期成為 AI 圈熱門話題？本文帶你了解 Kimi Work 是什麼、與一般 AI 聊天工具有何不同，以及 Agent Cluster、Research Workspace、Goal Mode 三大實際應用，快速掌握這款 AI 工作平台的特色。
ChatGPT
【設計師的 AI 秘笈】3 個 ChatGPT × Canva 實用玩法，AI 圖片也能拆成可編輯圖層
透過 GPT 可以直接使用 Canva 做什麼？本文整理 3 個 ChatGPT × Canva 實用玩法，教你連接 Canva、使用 Magic Layers 將 AI 圖片拆成可編輯圖層，以及生成設計、製作社群素材、搜尋與修改既有設計。
Codex
【設計師的 AI 秘笈】Codex + Cowart 畫布標註，讓 AI 一秒讀懂你要改哪裡
用文字下 prompt，AI 修圖總是差一點？打開 Codex 內建瀏覽器 + 畫布工具，直接在圖上畫箭頭、寫指令，讓 gpt-image-1.5 精準抓到「改哪、怎麼改」。本文整理 2026 電商修圖 SOP，含標註公式、抽卡策略與實戰範例。