Claude 不只是聊天——Projects、Artifacts、Claude Code 才是精髓。

Claude 不只是聊天工具。Projects 讓你建立有上下文的工作空間,Artifacts 直接在對話裡預覽產出,Claude Code 整合進開發流程。這篇整理 Claude Pro 的實際使用方式,讓你用到它真正的強項。

Claude 實際使用技巧:Projects、Artifacts 與 Claude Code 完整指南

很多人用 Claude 的方式是:開新對話、貼問題、拿答案、關掉。這樣用只發揮了它 30% 的價值。

Claude 真正強的地方在於長上下文處理Projects 工作空間Artifacts 即時預覽,還有 Claude Code 這個命令列工具。這篇整理這幾個功能的實際使用方式,讓你換個用法,效率明顯提升。

Claude 功能架構圖

Projects:給 AI 一個持久的工作背景

Projects 是 Claude 最被低估的功能。

普通對話每次都是從零開始,你得不斷重複說明背景。Projects 解決這個問題:你建立一個 Project,把相關文件、設定說明放進去,之後這個 Project 裡的所有對話都自動帶著這些上下文。

什麼時候用 Projects

  • 部落格寫作:把你的寫作風格、常用術語、目標讀者說明放進去,每次請 Claude 寫文章都不需要重新說明
  • 程式碼專案:把架構說明、技術選型、Coding 規範放進 Project,讓 Claude 理解整個專案背景
  • 研究整理:把參考資料、已有的筆記丟進 Project,在同一個空間裡持續深化

建立 Project 的步驟

  1. Claude.ai 左側欄 → Projects → New Project
  2. 建立後,點擊 Project Instructions 寫下背景說明
  3. 上傳相關文件(PDF、TXT、程式碼等)
  4. 之後在這個 Project 內開啟的對話,Claude 都會讀取這些內容

Project Instructions 範例

你是一個繁體中文技術部落格的寫作助手。

部落格定位:NAS、自架服務、數位工作流,目標讀者是台灣的科技愛好者。

寫作風格:
- 用繁體中文,台灣用詞(不用簡體詞彙)
- 直接說重點,不用「當然!」「很好!」開場
- 技術術語保留英文原文(例如「Docker」不翻譯)
- 每篇文章要有實際的設定步驟,不只是概念說明

不要做的事:
- 不要加過多免責聲明
- 不要重複強調「這只是建議」

這樣設定後,在這個 Project 裡要求 Claude 寫文章,它就會自動套用這些規則,不需要每次重複說明。


Artifacts:對話裡的即時預覽

當你請 Claude 產出程式碼、HTML、SVG、Markdown 時,Artifacts 會在右側開啟一個預覽視窗,讓你直接看到結果,不只是看程式碼文字。

Artifacts 的實際用途

網頁設計:請 Claude 寫一個 HTML 元件,右側直接預覽樣式,可以繼續說「把按鈕改成圓角」、「背景換成深色」,即時看到變化。

SVG 圖表:請 Claude 畫一張架構圖,Artifact 直接顯示 SVG 圖形,不需要另存再打開。

互動工具:Claude 可以在 Artifact 裡做出真正可以操作的小工具,例如計算機、表單、資料視覺化。

程式碼預覽:React 元件可以直接在 Artifacts 裡跑,不需要複製到本地環境。

如何觸發 Artifacts

Claude 通常會自動判斷什麼時候用 Artifacts。你也可以明確要求:

  • 「用 Artifact 幫我建立一個 HTML 頁面」
  • 「用 SVG 畫一張流程圖,放在 Artifact 裡」
  • 「做一個可以互動的...」

長上下文:一次餵大量資料

Claude Pro 有 200K token 的上下文視窗,這是實際使用上很有感的功能。

實際應用

整本書的摘要與分析:把一本書的 PDF 直接上傳,請 Claude 整理重點、找出主要論點、比較不同章節。

程式碼庫 Review:把整個小型專案的程式碼貼進對話,請 Claude 找潛在 Bug、分析架構問題、提出改善建議。

多文件彙整:上傳十幾份 PDF 報告,請 Claude 找出共同結論或矛盾之處。

長對話維持一致性:不需要一直提醒 Claude「我們之前說過...」,它能保持很長的對話連貫性。

Token 消耗參考

內容 約 token 數
一般對話一輪 500–2,000
一篇技術文章(2,000 字) ~3,000
一份 PDF 文件(50 頁) ~50,000
中型程式碼專案 50,000–150,000

200K token 足夠同時放入多份文件,是一般使用不太會碰到上限的量。


Claude Code:整合進開發流程的命令列工具

Claude Code 是 Anthropic 推出的命令列工具(CLI),讓 Claude 直接在你的開發環境裡工作,不只是透過瀏覽器對話。

Claude Code 能做什麼

  • 讀取整個專案:Claude 直接讀取你的檔案,不需要你手動貼程式碼
  • 執行指令:可以執行 shell 指令、測試、Build,看到實際結果
  • 編輯檔案:直接修改程式碼,不只是給建議
  • 多步驟任務:「幫我加上 TypeScript 型別定義然後跑測試確認沒有錯誤」,Claude 自己處理整個流程

安裝與基本用法

# 安裝(需要 Node.js)
npm install -g @anthropic-ai/claude-code

# 在專案目錄裡啟動
cd your-project
claude

# 開始下指令
> 幫我找出所有沒有錯誤處理的 API 呼叫
> 把這個函式重構成 async/await 語法
> 新增單元測試,覆蓋 edge case

什麼情況下用 Claude Code 而不是網頁版

場景 建議工具
快速問問題、寫一段程式碼 網頁版
需要讀取整個專案的上下文 Claude Code
要實際執行指令或測試 Claude Code
多步驟的開發任務 Claude Code
需要修改多個檔案 Claude Code

Claude Code 收費計入 Claude Pro 的使用量,不需要另外付費(但有用量限制,重度使用可能會碰到)。


Prompt 技巧:讓 Claude 輸出更符合需求

幾個實際有效的 Prompt 寫法:

給明確的格式要求

幫我整理這份文件的重點,格式:
- 用條列式
- 每點不超過 30 字
- 最多 5 點
- 如果資訊不足,直接說「資料不足」,不要猜測

給角色設定

你是一個資深的 DevOps 工程師,正在 Review 一個初級工程師的 Docker Compose 設定。
指出問題但語氣要建設性,並說明為什麼這樣改更好。

要求分步驟思考(複雜問題)

這個問題請你先分析可能的原因,再提出解法,最後說明你最推薦哪個解法和原因。

限制回答範圍

只回答關於 Nginx 設定的部分,其他的我已經處理好了,不需要說明。

實際使用場景整理

部落格寫作流程(搭配 Projects): 1. 建立 Project,放入寫作規範和網站資訊 2. 每篇文章在同一個 Project 裡討論,Claude 了解網站定位 3. 先請 Claude 列出文章大綱,確認方向 4. 逐段展開,需要調整語氣或結構直接說

程式碼開發(搭配 Claude Code): 1. 在專案目錄開啟 Claude Code 2. 說明需求,讓 Claude 先讀取相關檔案 3. Claude 提出修改方案,確認後執行 4. 跑測試,有問題繼續修改

文件整理(長上下文): 1. 把多份 PDF 上傳到 Claude 2. 「找出這幾份報告關於 [主題] 的不同觀點」 3. 「整理成一份比較表」


常見問題

Q:Claude Pro 的用量限制是多少? 官方沒有公布精確數字,實際是根據模型負載動態調整。一般使用很少碰到,重度連續使用(大量長上下文對話)可能在短時間內觸發冷卻。

Q:Projects 的文件上限? 每個 Project 可以上傳多個文件,總大小有上限。實際使用中,上傳幾份中等大小的 PDF 或程式碼文件沒有問題。

Q:Artifacts 能匯出嗎? Artifact 內容可以直接複製,或點擊右上角下載。HTML 可以存成 .html 直接用瀏覽器開啟。

Q:Claude Code 和 Cursor 有什麼不同? Cursor 是整合 AI 的 IDE(基於 VS Code),有完整的編輯器界面。Claude Code 是命令列工具,更輕量,適合不想換編輯器的用戶,或需要自動化執行複雜任務的場景。兩個定位不完全一樣,可以並用。


小結

Claude 的核心優勢是長上下文 + 高品質輸出。把這兩個優勢用在對的地方:

  • Projects 建立持久上下文,適合長期進行的寫作或開發工作
  • Artifacts 讓你即時看到程式碼和設計的產出
  • 長上下文 用於需要分析大量資料的場景
  • Claude Code 整合進開發流程,處理多步驟的程式碼任務

從把 Claude 當聊天機器人,到把它當有能力的工作夥伴,關鍵就是這幾個功能的組合運用。


🔗 延伸閱讀

這篇有幫助嗎? Claude 不只是聊天——Projects、Artifacts、Claude Code 才是精髓。