前端对Commands（斜杠命令）一些常用

在 Claude Code ​ 语境下，Commands（斜杠命令） ，指的就是以 /开头的 CLI 指令 ，用来驱动 Claude 做标准化、可重复的动作。

Commands（斜杠命令）是什么？

Commands = Claude Code 的内置指令系统​

用来做：代码生成、审查、测试、提交、初始化等标准化操作

在终端里长这样👇

/init
/code 创建一个 Button 组件
/review src/pages/UserDetail.tsx
/commit

**Commands 是 Claude Code 的"标准化操作入口"**​。有了它，你和团队对 Claude 的使用方式会变得像 Git 命令一样稳定、可预期

一、为什么 Commands 重要？

✅ 团队统一行为

• 不管谁用 Claude，输入 /code、/review的效果都一样

✅ 避免 Prompt 漂移

• 不用每个人自己写"请帮我审查一下代码......"

✅ 可自动化

• 可结合 Hooks / SubAgents / Skills

二、你这个项目中最有用的 Commands

✅ 1. /init------ 项目初始化

/init

作用：

• 让 Claude 扫描项目

• 理解技术栈、目录结构

• 生成 / 更新 CLAUDE.md

✅ 2. /code------ 生成或修改代码（最常用）

/code 使用 component-design skill 创建 Button 组件

/code 在 api/user.ts 中封装 useUserQuery

特点：

• 遵循 CLAUDE.md

• 自动调用相关 Skill / SubAgent

• 输出可直接落地的代码

✅ 3. /review------ 代码审查

/review src/components/features/UserCard.tsx

Claude 会：

• 按 review.md审查

• 输出结构化结果（优点 / 问题 / 建议）

✅ 4. /test------ 生成测试

/test 给 useUserQuery 写测试
/test 给 Button 组件写单元测试

✅ 5. /commit------ 生成提交信息

/commit

Claude 会：

• 分析 diff

• 按团队规范生成 commit message

✅ 6. /explain------ 解释代码

/explain src/stores/authStore.ts

适合：

• 接手老代码

• 理解复杂逻辑

✅ 7. /run------ 执行命令

/run npm run dev
/run npm test

✅ 8. /skill------ 显式调用 Skill

/skill component-design

然后继续对话：

创建一个 Input 组件

✅ 9. /agent------ 显式调用 SubAgent

/agent code-reviewer

✅ 10. 其他通用命令

命令	作用
/help	查看可用命令
/clear	清空当前上下文
/memory	查看 / 编辑记忆
/exit	退出 Claude Code

三、Commands vs Skills vs SubAgents（一句话区分）

概念	本质	例子
Commands​	动作指令	/code, /review
Skills​	专家知识	组件设计、数据层规范
SubAgents​	独立专家进程	code-reviewer、type-guardian