Edmund 的 Claude Code 设置

我用于高效 Web 开发的个人 Claude Code 配置。此插件提供 14 个斜杠命令 和 11 个专用 AI 代理，可大幅提升您的开发工作流效率。

快速安装

# 第一步：添加市场
/plugin marketplace add edmund-io/edmunds-claude-code

# 第二步：安装插件
/plugin install edmunds-claude-code

内容概览

📋 开发相关命令 (7)

• /new-task - 分析代码中的性能问题
• /code-explain - 生成详细解释
• /code-optimize - 性能优化
• /code-cleanup - 重构与代码清理
• /feature-plan - 功能实现规划
• /lint - 代码检查与修复
• /docs-generate - 文档生成

🔌 API 相关命令 (3)

• /api-new - 创建新的 API 端点
• /api-test - 测试 API 端点
• /api-protect - 添加保护与验证

🎨 UI 相关命令 (2)

• /component-new - 创建 React 组件
• /page-new - 创建 Next.js 页面

💾 Supabase 相关命令 (2)

• /types-gen - 生成 TypeScript 类型
• /edge-function-new - 创建边缘函数

🤖 专用 AI 代理 (11)

架构与规划

• tech-stack-researcher - 技术选型建议及权衡分析
• system-architect - 可扩展系统架构设计
• backend-architect - 带数据完整性和安全性保障的后端系统架构
• frontend-architect - 高性能、无障碍的 UI 架构
• requirements-analyst - 将想法转化为具体需求规格

代码质量与性能

• refactoring-expert - 系统性重构与代码整洁化
• performance-engineer - 基于度量的优化
• security-engineer - 漏洞识别与安全标准实施

文档与研究

• technical-writer - 清晰、全面的文档编写
• learning-guide - 循序渐进地教授编程概念
• deep-research-agent - 具有自适应策略的综合研究

安装方法

从 GitHub 安装（推荐）

# 添加市场
/plugin marketplace add edmund-io/edmunds-claude-code

# 安装插件
/plugin install edmunds-claude-code

本地克隆安装（用于开发）

git clone https://github.com/edmund-io/edmunds-claude-code.git
cd edmunds-claude-code

# 添加为本地市场
/plugin marketplace add /path/to/edmunds-claude-code

# 安装插件
/plugin install edmunds-claude-code

适用人群

• Next.js 开发者
• TypeScript 项目
• Supabase 用户
• React 开发者
• 全栈工程师

使用示例

规划新功能

/feature-plan
# 接着描述您的功能想法

创建 API

/api-new
# Claude 会为您搭建包含类型定义、验证和错误处理的完整 API 路由

研究技术选型

只需向 Claude 提出类似以下的问题：

• “我应该使用 WebSocket 还是 SSE？”
• “这个数据库应该如何设计？”
• “X 功能的最佳库是什么？”

此时，tech-stack-researcher 代理将自动激活，并给出详尽且基于研究的答案。

设计理念

此设置强调：

• 类型安全：绝不使用 any 类型
• 最佳实践：遵循现代 Next.js/React 开发模式
• 生产力：减少重复性脚手架工作
• 研究驱动：借助 AI 提供有据可依的技术决策

系统要求

• Claude Code 2.0.13+
• 适用于任何项目（针对 Next.js + Supabase 进行了优化）

自定义

安装完成后，您可以通过编辑 .claude/commands/ 和 .claude/agents/ 中的文件来自定义任意命令。

贡献

欢迎：

• 分支并根据自身需求进行定制
• 提交问题或建议
• 分享您的改进成果

许可证

MIT - 您可在项目中自由使用

作者

由 Edmund 创建

---

注：这是我经过长期打磨的个人配置。这些命令专为 Next.js + Supabase 工作流优化，但也同样适用于任何现代 Web 技术栈。

Edmund's Claude Code 快速上手指南

本指南专为使用 Next.js、TypeScript 和 Supabase 的全栈开发者设计，旨在通过 14 个斜杠命令和 11 个专业 AI 代理，大幅提升开发效率。

环境准备

在开始之前，请确保您的开发环境满足以下要求：

• 核心工具：已安装并配置好 Claude Code (版本需 ≥ 2.0.13)。
• 项目类型：适用于任何现代 Web 项目，特别针对 Next.js + TypeScript + Supabase 技术栈进行了优化。
• 网络环境：确保能够正常访问 GitHub 及插件市场（如国内访问受限，建议使用本地克隆方式安装）。

安装步骤

您可以选择以下任一方式进行安装：

方式一：通过插件市场安装（推荐）

直接在终端中运行以下两条命令：

# 第一步：添加插件市场源
/plugin marketplace add edmund-io/edmunds-claude-code

# 第二步：安装插件
/plugin install edmunds-claude-code

方式二：本地源码安装（适合国内网络或二次开发）

如果直接访问市场源较慢，可先克隆仓库再本地安装：

# 克隆仓库
git clone https://github.com/edmund-io/edmunds-claude-code.git
cd edmunds-claude-code

# 添加本地市场源（请替换为实际路径）
/plugin marketplace add /path/to/edmunds-claude-code

# 安装插件
/plugin install edmunds-claude-code

基本使用

安装完成后，您可以在对话中直接使用以下斜杠命令调用特定功能。

1. 规划新功能

输入 /feature-plan 并描述您的需求，AI 将为您生成功能实现方案。

/feature-plan
# 随后输入：我想创建一个用户个人中心页面，包含头像上传和历史订单查看...

2. 创建 API 接口

输入 /api-new，AI 会自动 scaffold 包含类型定义、数据验证和错误处理的完整 API 路由。

/api-new
# 随后输入：创建一个处理 POST 请求的 /api/users 接口，用于注册新用户...

3. 技术选型咨询

无需输入特定命令，直接提问即可触发 tech-stack-researcher 代理，获取带权衡分析的技术建议。

"我应该在这个项目中选用 WebSockets 还是 SSE？"
"如何设计这个数据库结构以支持高并发？"

其他常用命令速查

• 代码优化：/code-optimize (性能优化), /code-cleanup (重构清理)
• 前端开发：/component-new (创建 React 组件), /page-new (创建 Next.js 页面)
• Supabase 专用：/types-gen (生成 TS 类型), /edge-function-new (创建边缘函数)
• 文档生成：/docs-generate

提示：所有命令均遵循严格的类型安全原则（不使用 any），并符合现代 Next.js/React 最佳实践。您可在 .claude/commands/ 和 .claude/agents/ 目录中自定义命令行为。