一份完整的 AI 入門地圖：選對平台、用對工具、搞懂底層概念，最後用「提示詞風格」讓同一份內容，對齊不同受眾。
AI 本身多在雲端運行，差異主要來自系統整合、檔案管理、開發流程與本地算力。依需求挑選你的主力機。
ChatGPT × Claude × Gemini 各有定位。最佳做法是「三者分工」，而非二選一互相取代。
搞懂 AI 的底層名詞與互動方式：大腦（LLM）、計價單位（Token）、接口（API），以及 Prompt → CLI → MCP → Agent 的能力升級。
🔍 搞懂運作原理——上面是「名詞」，這張是「它們實際怎麼運作、什麼時候用哪一個」
一次看懂該裝哪些軟體：從核心 AI、知識管理、簡報影片，到 AI 自動化與網站開發，並附建議安裝順序。
📑 做報告實戰：Deep Research → NotebookLM 兩段式——先找「資料地圖」，再產出報告
用網頁技術打造、可安裝到手機桌面、離線可用的互動式網站——免下載、免安裝，網址一發就能分享給所有人。
📽 簡報拆解版——同一張圖逐層放大，投影時文字更清楚（每張一樣可點開、滾輪縮放）
✍️ 寫網頁時，指令怎麼給？——同一個需求，壞指令 vs 好指令，成品差很多
用網頁技術（HTML / CSS / JS）打造、可安裝到手機桌面、離線可用的互動式網站
響應式版面（RWD），一套設計適配手機／平板／桌機；加上 manifest + Service Worker，可「加到主畫面」、離線開啟；互動元件如點圖放大、表單、即時資料；網址即分享，免上架 App Store。
教學簡報、型錄、儀表板、小工具皆可；圖文混排 ＋ 互動操作；一頁式長捲動或多分頁皆可；隨時更新，受眾永遠看到最新版。
一次開發、跨平台通用；免下載、免安裝、更新即時；可像 App 加到主畫面、離線使用；SEO 友善、開發成本低、上線快。
你正在看的這份教學網站，本身就是 PWA 範例——同一個網址，手機與桌機都好讀，還能用瀏覽器選單「加到主畫面」，像 App 一樣開啟、離線也能看。
同一份 AI 知識內容，只更換「風格提示詞」，看產出會有什麼不同。
控制變因 = 主流 AI 工具核心功能與差異比對 ｜ 操作變因 = 風格提示詞
三大 AI（ChatGPT／Claude／Gemini）的定位與功能差異，文字資訊完全一致。
風格 A 加上「吉卜力風格」；風格 B 加上「海賊王風格」，其餘提示不變。
畫面氛圍、角色設計、配色與線條如何隨提示詞改變——資訊不變、體感全然不同。
重點：提示詞中的「風格關鍵字」是最便宜的設計槓桿——同樣一份教學內容，換個風格就能對齊不同受眾（溫馨敘事 vs 熱血吸睛）。
| 比較面向 | 吉卜力風格 | 海賊王風格 |
|---|---|---|
| 整體氛圍 | 柔和、溫馨、療癒 | 熱血、動感、冒險 |
| 線條與配色 | 手繪細膩、低飽和暖色 | 漫畫粗線、高對比鮮色 |
| 適合受眾 | 教育、親子、品牌溫度 | 年輕族群、社群吸睛 |
📸 不只「風格」——「指令品質」也決定圖能不能用（同一主題，壞指令 vs 好指令）
這兩個站是交給你「取用＋變化」的素材庫——複製現成提示詞、挑一個設計流派，套進你自己的內容，立刻產出不一樣的東西。