🚀 神器降临!Claude Code插件功能正式上线 [0]

thumbnail

1. Claude Code插件系统概述与核心组件 [0]

  1. 插件系统功能:Claude Code最新版新增了插件系统功能 [0]。

    1. 它可以将斜杠命令、子系统、MCP、Hooks等扩展功能组合 [0]。
    2. 这些功能可以打包成可安装、可分享的Claude Code插件 [0]。
    3. 团队规范、测试、部署脚本、代码审查流程都可打包 [0]。
  2. 插件分享与安装:

    1. 打包后可分享给团队成员或push到GitHub [1]。
    2. 使用者只需一条命令即可安装整套工作流程 [1]。
    3. 方便使用全球开发者在GitHub上分享的开源工作流 [2]。
    4. 用户也可将自己的工作流打包成插件发布 [4]。
  3. 插件优势:

    1. 插件增强了Claude Code的可定制性 [5]。
    2. 即使无编程经验的用户也能安装高效工作流 [5]。

2. 插件系统的核心优势 [7]

  1. 核心组件封装:插件系统支持封装斜杠命令、MCP、Hooks为一个工作流 [9]。

  2. 标准化与一致性:

    1. 核心优势是标准化与一致性 [10]。
    2. 确保团队开发环境保持统一 [10]。
  3. 便捷性与集成:

    1. 一条命令即可安装别人分享的复杂工作流和最佳实践 [11]。
    2. 插件市场实现集中发现和分享工具 [12]。
    3. 支持自动更新和依赖管理,保持工具链最新 [13]。

3. 安装和启动 Claude Code [14]

  1. 安装/更新要求:

    1. 必须确保已安装Cloud Code [14]。
    2. 未安装者可用特定命令安装 [14]。
    3. 已安装者使用 Claude Code update 升级到最新版 2.0.14 [15]。
  2. 启动流程:

    1. 使用 cd 命令进入项目路径 [15]。
    2. 启动 Claude Code 以测试插件功能 [15]。

3.1. 从插件市场安装和管理插件 [17]

  1. 添加插件市场:

    1. 在 Claude Code 中执行命令:/plugin add [GitHub仓库名称] [17]。
    2. 示例:添加 Claude Code 官方GitHub仓库 [18]。
    3. 如果已添加,系统会提示插件已存在 [19]。
  2. 插件操作菜单:

    1. 执行 /plugin 命令,列出四个操作选项 [20]。
    2. 浏览并安装插件 [20]
    3. 管理或卸载插件 [20]
    4. 添加插件市场 [20]
    5. 管理插件市场 [20]
  3. 安装插件步骤:

    1. 选择第一个命令“浏览并安装插件” [21]。
    2. 列表中显示已新增的插件市场 [21]。
    3. 选择需要安装的插件,按Enter键开始安装 [22]。
    4. 系统提示安装中,按Enter键自动安装 [23]。
    5. 提示安装完成,需重启 Cloud Code 以加载新插件 [24]。
  4. 验证已安装插件:

    1. 重启并启动 Claude Code 后,再次执行 /plugin 命令 [24]。
    2. 选择第二个选项“管理或卸载插件” [25]。
    3. 列表中显示已安装的三个插件 [26]。
  5. 检查插件组成:

    1. 以第一个插件“Agent SDK开发智能体工作流”为例 [27]。
    2. 可点击进入查看插件组成,包括自定义指令 [27]。
    3. 还可以查看为 Cloud Code 设置的 subagents 内容 [27]。

3.2. 使用 Agent SDK 插件创建天气预报 Agent [28]

  1. 使用插件启动开发:

    1. 在 Claude Code 中输入 /plugin 命令 [28]。
    2. 选中已安装的 Agent SDK 插件 [28]。
    3. 输入项目名称,例如测试开发一个天气预报 Agent [28]。
  2. Agent 创建引导过程:

    1. 系统提示将创建新的 Cloud Agent SDK 应用 [30]。
    2. 询问选择 TypeScript 还是 Python,此处选择 Python [31]。
    3. 确认项目名称或选择更改 [32]。
    4. 第三个问题询问 Agent 类型,此处保持默认或输入 [33]。
    5. 第四个问题选择 Agent 基础类型:选择第二个选项,包含天气工具集成 [34]。
  3. 工作流执行:

    1. 插件封装了引导和实现步骤,引导用户一步步操作 [34]。
    2. 系统开始抓取 Agents SDK 官方文档 [34]。
    3. 整个开发Agents SDK的过程被封装在这个插件的工作流中 [35]。
  4. 结果验证:

    1. 系统提示天气 Agent 已成功创建并经过验证 [36]。
    2. 查看项目主文件,确认是天气预报 Agent 代码 [36]。
    3. 整个过程无需写复杂提示词或代码,即可定制AI智能体 [38]。

4. 创建和发布自定义代码审查插件 [40]

  1. 创建自定义插件的准备:

    1. 官方提供了详细的文档、命令和步骤来创建插件 [41]。
    2. 示例目标:创建一个代码审查插件 [43]。
    3. 创建一个项目文件夹用于存储插件配置文件 [44]。
    4. 进入该项目路径后,使用命令创建存放配置文件的路径 [45]。
  2. 创建插件清单文件:

    1. 创建目录,并使用命令创建插件清单文件(plugin.json) [46]。
    2. 自定义清单内容:
    3. 插件名称、版本、描述(如:全面的代码审查工具包) [45]。
    4. 输入作者名称和邮箱 [45]。
  3. 创建核心组件文件夹:

    1. 运行命令创建三个文件夹,用于存储自定义指令、subagents、hooks [46]。
  4. 创建自定义指令 (Commands):

    1. 使用 nano 命令在 commands 文件夹下创建文件 [46]。
    2. 创建了三个自定义指令文件(可通过VS Code创建) [46]:
    3. 代码质量审查:描述为全面的代码质量审查 [47]。
    4. 安全审查 (security review):描述为深度安全漏洞扫描 [48]。
    5. 性能审查:描述为具体的性能分析 [49]。
  5. 创建 Subagents:

    1. 使用 nano 命令创建 subagents 文件 [50]。
    2. 创建了安全专家 Agent:专注于识别安全漏洞的专家审查员 [50]。
    3. 创建了架构审查 Agent:评估代码架构和设计质量 [51]。
  6. 创建 Hooks:

    1. 使用 nano 命令创建 hooks 文件,描述为代码审查自动化钩子 [52]。
    2. 为 hooks 创建了辅助脚本并输入脚本内容 [52]。
  7. 创建市场清单:

    1. 回到项目路径,按照官方文档创建 marketplace 清单 [53]。
    2. 执行命令创建文件夹,并将 marketplace 清单写入其中 [54]。

5. 测试自定义代码审查插件 [56]

  1. 安装自定义插件:

    1. 启动 Cloud Code 后,执行 cloud 命令 [56]。
    2. 输入 plugin 命令,将自建插件添加到 Cloud Code [57]。
    3. 系统提示安装,运行后提示已安装 [58]。
    4. 提示安装成功,需要重启 Cloud Code [59]。
  2. 验证插件功能:

    1. 重启后,输入 plugin 命令,选择列出插件选项 [60]。
    2. 找到并选中自己开发的插件 [61]。
    3. 后面跟上项目路径,让插件审查之前开发的天气预报 Agent 代码 [62]。
  3. 测试性能审查:

    1. 运行命令,允许分析代码性能 [63]。
    2. 系统读取代码文件,提示性能审查完成 [64]。
    3. 输出完整的性能审查报告,包括综览和问题分析 [65]。
    4. 报告给出了具体的问题描述和优化方案 [67]。
  4. 测试安全审查:

    1. 再次输入项目路径,运行安全审查命令 [68]。
    2. 系统输出天气预报的安全审查报告 [70]。
    3. 报告确认了三个安全漏洞,包括严重级别高、漏洞代码和攻击场景 [71]。
  5. 总结:

    1. 成功实现了为 Claude Code 开发代码审查插件 [74]。
    2. 测试结果显示效果非常不错 [75]。