入职之后,聊聊我这段时间用 Claude Code 的一些心得

hello,大家好,许久未见,因为最近已经开始当上牛马了(,这期主要想分享下最近 Claude Code(下面简称 cc)的个人使用经验,可能比较基础,大佬轻喷。

从 cc 刚出来到前段时间,我基本还处在一个萌新阶段,用法跟网页版助手差不多,一问一答,偶尔翻两眼源码,当时还觉得自己听懂了,哈哈哈。入职之后才发现 cc 别有一番天地,下面就一步步说说我的使用经验和踩过的坑。

一、几个实用的 skill

superpowers

这个相信大家经常用,是 Anthropic 官方开源的开发 skill。它把一个完整需求拆成了下面五个阶段:

1. Brainstorm —— 需求规格梳理
2. Writing Plans —— 生成分步开发计划
3. Subagent-Dev —— 逐任务编码 + 单任务 CR
4. Verification —— 全量冒烟验证
5. Finishing Branch —— 分支收尾交付

整体用下来体验不错,跑出来的 CRUD 项目基本没啥大问题。

下载地址(复制到浏览器打开):

https://github.com/obra/superpowers

也可以直接命令行安装:

# 全局安装(所有项目生效)
/plugin install superpowers@claude-plugins-official --global

# 项目级安装(仅当前项目生效)
/plugin install superpowers@claude-plugins-official

frontend-design

专为前端 UI 开发的增强技能,内置了一套完整的设计师工作流:先定配色、字体、版式规范再写代码,还会自动校验无障碍、响应式和交互状态,产出的页面风格统一,不会有那种套模板的廉价感。

我日常的用法是:先用 superpowers 把整个项目跑起来,再拿 frontend-design 去做页面微调,配合起来挺舒服。

自己写的小 skill

除此之外,我也搞了些小 skill 来加速开发,下面是仓库合集,后续会持续更新

https://github.com/HUY5877/skill_collection

二、cc 的部分机制和踩坑记录

1. 工作模式和权限管理

相信大家都见过这个命令:

claude --dangerously-skip-permissions

开启之后 cc 会跳过所有权限审批,自动执行所有命令。但之前一直让我纳闷的是,进入聊天界面后左下角还有一个 mode 切换:

这几个到底啥区别?其实里头另有洞天——这是 cc 的三种不同运行模式,影响的是 Claude 到底怎么执行任务:

模式	改文件	执行命令	确认程度	适用场景
Plan Mode On	❌ 不改	❌ 不执行	只规划	先让它分析项目、出方案,不想动代码
默认(啥都不开)	每次确认	每次确认	最多	小改动,希望每一步都自己把关
Accept Edits On	✅ 自动改	命令仍确认	部分确认	日常开发,不想一直点 Accept
Auto Mode	✅ 自动改	✅ 自动执行	基本不确认	新功能、重构、连续搞复杂任务,也最容易开多 Agent

claude --dangerously-skip-permissions + Auto Mode 就是最疯狂的组合,啥都不问、啥都自动干。爽是爽,但确实有点危险,我一般不开跳过所有权限。

基于上面这些特征,我现在的一套开发流程大概是这样:

1. 先开启 superpowers。
2. 判断这次是不是大重构需求。是的话先开 Plan Mode 做一轮调研,看整体实现有没有风险;不是就直接跳到第 3 步。
3. superpowers 理解需求、生成设计文档和开发 plan 的阶段,我会开 Accept Edits。因为这一步基本是在生成文档,生成完人工做一轮深度 review,不行就让 cc 再改;而且从它需要确认的那部分命令里,也能看出有没有跑偏,是个挺稳的模式选择。
4. 开发计划生成完、所有细节都对过之后,直接切 Auto Mode 干活。这阶段一般最耗时,但需求和实现 cc 都清楚了,这时候模式的优点就出来了——让它在后台默默干就行,基本不用盯着确认。
5. 剩下就是反复 debug、测试、上线,一个需求的生命周期也就走完了。

2. .claude 目录的一个坑

.claude/commands 和 .claude/skills 其实是两个很像但不完全一样的东西。

commands 里直接扔一个 .md 就能在 cc 里唤醒命令;但 skills 稍有区别,得先建一个文件夹,把 .md 放进去才能被识别出来。

三、让你的 cc 更强大

给 cc 装上浏览器能力

给 cc 配一个 Playwright MCP,它就能真的去操控浏览器了。可以直接把下面这段提示词丢给它:

帮我给 Claude Code 配置本地 Playwright MCP:用 npx @playwright/mcp@latest,
自己探测我的操作系统/shell/已装浏览器来决定启动命令和浏览器,写到当前项目
作用域的 mcpServers 里,改之前先读现有配置别覆盖别的 server,改完给我完整
JSON 并说明怎么验证。

装上浏览器插件之后,你的 cc 能力会直接起飞。

硬件和配置拉满

剩下的一些部分,比如模型和工作流强度配置,建议物理设备直接拉到最满,能用最好的模型就用最好的(强烈建议 opus-4.8),无脑开 ultracode(