Output Style

我们很容易识别出AI味很浓的回答，它一般有以下特性：回复中很多bullet形式、输出很多emoji。本节的内容， 我们可以给claude code定制输出风格

Output-Style 是改变 Claude 的回答风格和行为模式

它通过修改系统提示（system prompt）来改变 Claude 的响应方式，但保留所有核心功能。

三种内置风格对比：

风格 速度 详细度 交互性 适合场景
Default 最快 精简 低 日常开发
Explanatory 中等 详细 中 学习理解
Learning 较慢 非常详细 高 技能培训

Default（默认）

特点: 高效、精简、快速
输出: 直接给出代码，少量说明

例子：

你: "创建一个 Button 组件"
Claude: 
[直接创建组件，简单说明]

Explanatory（解释型）

特点: 边做边解释，提供见解（Insights）
输出: 代码 + 设计解释 + 最佳实践

例子：

你: "创建一个 Button 组件"
Claude:
💡 Insights:
- 我选择使用 forwardRef 以支持 ref 传递
- 使用 Tailwind 的 variant 模式便于主题扩展
- TypeScript 泛型支持自定义元素类型

[创建组件 + 详细注释]

Learning（学习型）

特点: 交互式学习，让你动手写代码
输出: 部分代码 + TODO 标记 + 引导提示

例子：

你: "创建一个 Button 组件"
Claude:
让我们一起创建这个组件！我先设置基础结构，
你来实现点击处理逻辑。

[创建基础代码]
// TODO(human): 在这里实现 handleClick 函数
// 提示: 考虑防抖处理

现在试着实现 handleClick，有问题随时问我！

使用场景

  • 用 Default ： 需要快速开发、 熟悉项目代码库、时间紧张、 修复 bug 或小功能

  • 用 Explanatory： 学习新代码库 、理解复杂实现、 代码审查、生成文档、团队知识共享

  • 用 Learning ：新手学习编程、团队培训、提升特定技能、新员工入职

切换style

在claude code中执行output-style:

image-20260203202746401

选择合适的style：

image-20260203202758530

通过/config命令，能确认设置好style：

image-20260203202917856

定制output style

直接在claude中输入：

我要在当前项目创建一个新的output style

它会返回六种方式来创建，我们选择第6个，用聊天的方式告诉我们的需求：

image-20260203203348812

Claude会让我们输入需求，输入完成后，它自动生成output style配置：

image-20260203203508208

生成的文件如下，它创建了output-style目录，里面有md文件：

image-20260203203730738

切换style需要重启claude，然后执行下面命令

/output-style natural

image-20260203204252074

此时我们再跟claude交互，它不会再返回很多emoji和bullet了：

image-20260203204446442

Output style的更多玩法

我们可以让claude code输出更多定制化的回答，比如：

  • 每次返回yaml格式
  • 每次返回html格式
  • 每次返回json格式……

创建一个yaml output style:

image-20260203211915495

我们后面的提问，claude code全部以yaml形式返回：

image-20260203212111564