參考文件:Claude Code Best Practices — 創建 Skills

一、權限規則設定

Claude Code 提供多層級的權限控制,避免 AI 誤操作關鍵檔案或執行危險指令。

1.1 啟動模式

# 自動核准模式(適合信任環境)
claude --enable-auto-mode

# 跳過所有權限檢查(僅限開發測試,請勿用於正式環境)
claude --dangerously-skip-permissions

1.2 權限設定檔

權限透過 settings.json 進行配置,分為三個等級:

等級 說明 範例
allow 自動放行 讀寫檔案、執行 Python / Node
ask 每次詢問 寫入 .env 等敏感設定檔
deny 直接拒絕 rmrmdirgit push --force
{
  "permissions": {
    "defaultMode": "acceptEdits",
    "allow": [
      "Read(**)",
      "Write(**)",
      "Bash(chmod:*)",
      "Bash(sed:*)",
      "Bash(python:*)",
      "Bash(node:*)"
    ],
    "ask": [
      "Write(.env)",
      "Write(.env.*)"
    ],
    "deny": [
      "Bash(rm:*)",
      "Bash(rmdir:*)",
      "Bash(git push --force:*)"
    ]
  }
}

補充: settings.local.json 可用於覆蓋個人偏好,不需提交到版本控制。

1.3 現場示範

# 查看當前權限狀態
$ permissions

# 進入沙盒模式(隔離執行環境)
$ /sandbox

二、Claude Code for Excel

透過 Claude Code 直接操作 Excel 試算表,實現資料整理、公式生成等自動化流程。

示範檔案: OneDrive 線上試算表


三、Remote Control(遠端控制)

允許外部程式或腳本透過指令介面控制 Claude Code,適用於 CI/CD 整合或自動化工作流。

# 啟動遠端控制模式
claude --remote-control

# 連線到已啟動的遠端實例
claude remote-control

四、Figma 原型設計案例

展示如何結合 Claude Code 與 Figma,從設計稿自動產出前端程式碼。

案例檔案:conv_job.md(Figma 對話式介面設計)

stitch

D:\Git\bazhi\stitch\

Figma

d:\OlgCase\AI\figma\

  • [X] excel 整理
  • [X] Figma 完成所有(不行)
  • [X] claude code 承接(可行)
  • [X] claude code 修改能力(可行)
  • [X] 原型設計驗收(待評估)

五、現場實作企劃案例

1、生成 gm 指令(html)

2、BUG 451 處理

3、BUG 整理

六、巧妙利用AI的技巧

1、蘇式園林設計總表

2、使用另外AI工具進行獲取資源


七、Context Engineering 結構

76421-vyei2g7q5ii.png

API請求時結構

01894-xiwlruhtnw.png

無標籤

新增評論