【球盟会】大模型焚决2-ClaudeCode能帮我们做什么，Vibe Coding经验谈

摘要

ClaudeCode简称CC，很多人可能单纯觉得这就是一个写代码的工具，但是其实透过现象看本质，CC写代码其实就是在操纵你电脑里面的文件，那么所有只要是最终结果落到文件上面的事情，其实都可以用CC来帮你完成（只需要有SKILL或者你自己编写SKILL，一些流行的工具也会出对应的SKILL或者CLI命令等。

球盟会官网报道

【新人豪礼】新会员专享注册送88元体验金，存100送100，再送免费游戏局
【存款返赠】使用虚拟币支付额外再赠2%，均可获赠58元红包优惠券！
最佳投注体验，超高游戏赔付，千场精彩赛事，下载体育APP，等你来战。

ClaudeCode可以做什么？

ClaudeCode简称CC，很多人可能单纯觉得这就是一个写代码的工具，但是其实透过现象看本质，CC写代码其实就是在操纵你电脑里面的文件，那么所有只要是最终结果落到文件上面的事情，其实都可以用CC来帮你完成（只需要有SKILL或者你自己编写SKILL，一些流行的工具也会出对应的SKILL或者CLI命令等。

比如飞书CLI，比如Obsidian的SKILL，以及其他的如视频处理又或者帮你写Word（甚至是按照你规定的格式帮你写word），整理Excel，写PPT，甚至是帮你设计音乐！ 可以说只要你能找到对应的SKILL和CLI或者MCP，你就能够让CC帮你处理以前只能自己手动解决的问题。

本期先大概介绍下这些SKILL/CLI/MCP等能做的事情，然后深入介绍下我用CC写代码的相关流程和方案，抛砖引玉供大家参考。后续如做设计/写PPT/处理Excel/生成知识库等等功能，下一期再介绍。

各类SKILL/CLI/MCP的简要介绍：

这块不会特别具体的介绍，因为如果你感兴趣，你可以直接在CC里面让它帮你详细介绍，然后让它帮你安装这些SKILL或者MCP或CLI工具等来供你使用。（因为xhh的排版问题，我就直接截图代替了）

CC写代码的框架和一些思考

我的CC写代码流程

1.总体框架：

a.创意和框架

网页端以及TraeSolo软件中沟通项目的创意（国内国外的网页端大模型，开Pro及思考模式，我自己感觉GPT的方案不错，Gemini的方案会很细致，Doubao专家模式的方案非常详尽，DS专业模式开MAX思考的话方案也还可以，GLM的比较简略但是大方向没错），让它们出项目设计方案（多份，导出成MD文档）；

b.文档和规范

CC接入DS-V4-Pro/GLM5.1/Kimi-K2.6让它来帮我评判上面的这多份MD文档，看里面哪个的设计方案更好更符合我原始的需求，然后让它综合汇总得到一个特别完善的设计文档写入到项目根目录的Project.md。

然后再让CC帮你做个竞品分析，根据Project.md里面的设计，调研和分析相关的竞品，看竞品里面的功能有哪些，可以怎么改进本项目的设计，分析出来的你觉得好的功能就让CC帮你加入到你的Project.md中。

再让CC根据Project.md设计后续的开发计划（分成多个开发阶段，比如Phase1-5）到Task.md。如果觉得这一步很繁琐的话，你可以安装gsd ( get-shit-done这个插件，调用里面的/gsd-explore /gsd-new-project来设计方案，其实效果也不错）

然后让CC根据项目的技术栈（比如用Flutter或者Python或者vue等等）设计对应的编码规范写入到coding.md文档，并让它生成对应的CLAUDE.md文档来引用前面的文档。

c.前端设计

重头戏来了，你把Project.md这个文档，用OpenDesign工具，选择里面你自己想要的风格，让它生成对应的前端设计方案供你参考。

选定了对应的前端设计风格以后，将OpenDesign生成的前端页面（一般在OpenDesign文件夹的.od文件夹，里面的子目录是很多字母的那个，点进去的文件一般是html格式的你可以直接用浏览器打开）。你就可以将这个文件夹里面的html文件加css文件等其他文件都复制到你的项目的/docs/前端设计文件夹内）。

比如下面这个就是我让OpenDesign帮我设计的我的一个项目的前端页面，我觉得比直接让CC用ui-ux-pro-max技能设计的前端要好看很多。

d.代码开发

接下来就每个Phase的开发工作，可以先用BrainStorm这个SKILL来和AI讨论怎么实现，同时告诉它实现前端的时候要参考/docs/前端设计文件夹里面的设计，确定方案后，让它再根据确定的思路将方案丰富完善后写入到docs/plan目录下，再通过OMC的ultrawork命令，让AI并行多个Agent帮你进行代码的开发工作，可以分多批次，每批次并行多个Agent执行。
如果信任AI的选择的话，可以让它直接照着Task.md里面的任务要求分多批次多个Agent进行开发测试。

e.代码测试

每个Phase开发完成以后，通过Playwright MCP，Lazytesting等MCP，让CC写对应的测试方案，用对应的MCP进行前后端E2E的测试。开发和测试完以后，可以用/simplify技能（CC自带）对代码进行优化，建议是每次生成了新的一些代码以后，就用这个技能优化下。（最好的是每个Phase你都这么做一下，避免代码成为屎山代码）

f.用户测试及代码优化

上述测试和修复完成后，你就可以让CC启动前后端，自己再去前端页面/前端APP去点一点，当作它的第一个用户来体验下功能是不是都是自己要的了。

g.持续迭代和循环

持续上述的d-f的循环，直到所有功能都是你想要的了，基本上一个中等大小的软件项目就能开发完了。

2.相关的工具介绍

这里只会是每个工具的介绍，以及我怎么用的思路，不会讲具体怎么去安装。因为你既然在用CC了，那么你完全可以和CC说你要装什么skill什么工具，让CC帮你搞定后续的事情。

a.OMC

全称Oh-my-claudecode，它是我觉得CC最值得装的一个agent框架。它里面有非常多的agent设计和Skill设计。

它的agent包括默认用Opus模型的干设计规划和重构（architect/planner/critic/code-reviewer/analyst）；

以及默认用sonnet模型的写代码改bug（executor/debugger/verifier/....)；

默认用Haiku模型的文件探索和写文件（explore/writer等）。

除了它会默认用模型来运行这些agent以外，你也可以指定它让它全部用sonnet或者全部用haiku 等等，也都是可以的。【记不住的话就简单对应，opus-最难的任务用它，sonnet-写代码用它，haiku-轻活脏活用它】

你不用去管写代码的任何事情，直接/ultrawork + 自己的需求就可以了。 比如”/ultrawork 我要根据project.md和task.md，完成phase1的开发和测试工作“。 基本上就可以放手了，顶多再回答几个AI不确定的问题就能一路继续下去了。

当然，你也可以选择其他适合你的开发任务的模式。

b.ECC

全称everything-claudecode。ECC里面也有非常多的agent和技能以及hooks。

如果要ECC和OMC配合的话，就不要将ECC当作插件安装，可以考虑只复制ECC的rules和skills（也不要全部复制，你可以和CC说你的主要技术栈是什么，然后让CC帮你复制ECC里面的rules/skills/hooks等），以及部分hooks。这样既保留了ECC的精髓，也不影响OMC对agent的调度。

c.gsd

全称get-shit-down-cc。从这个名字就能看出来这玩意很geek，里面内置了非常多的功能，覆盖软件开发的方方面面。

我是自己的软件开发的流程都快固化完了才发现这个插件。体验下来的话，会觉得gsd里面过于繁琐了，有时候对同一个设计会思考地太过于全面而复杂。所以我只会在一些设计阶段用gsd，其他阶段我还是倾向于用OMC一路继续开发下去。

d.OpenDesign

参考Claude Design的开源工具。具体页面长下面这样：

左侧是它的对话框，你可以上传文件和导入ClaudeDesign的设计等等，右边是它产出的设计文件和预览。我当前的这个页面就是让它设计了一台web端和app端的页面原型设计，还是能很好地还原我选择的模板以及选择的风格的，个人对它的设计非常满意。在进行前端相关的开发之前，我会让它先帮我设计下，然后开发前端的时候直接参考。

安装的话它有对应的github页面，按照页面教程安装和执行就好了，非常简单。只要你装了CC，你再装个OpenDesign，那么你的前端页面的设计就不用再求人了。

e.其他

大家用CC的时候，如果觉得某些过程自己做的比较好，或者以后要复用，那就可以在完成了这个步骤后，和CC说让它总结上面的流程，生成对应的SKILL，这样就能积累自己的SKILL了。

SKILL除了它的SKILL.md文档以外，它还可以有对应的python等程序文件，方便CC调用来执行一些需要重复进行的操作。

大家可以自己去网上多搜索有用的skill，加入到claudecode中，将它们真正地用起来。

CC并不是插件越多agent越多越好，选择自己觉得顺手的，能够将自己的想法实现，那就是最棒的。

上面这些工具也是简单介绍了下，因为这些工具只有你真正开始使用了（幸运地是，你只需要开始用，你就能体会到这些工具/技能/插件的强大之处），你才会去探索它内里的其他功能，让它们更加契合你的Vibe Coding工作流。

其他的如speckit等也是不错的工具，

以上是本期的内容。喜欢我分享的内容的朋友，不妨点赞和关注，下一期介绍claudeCode的更多用法，以及交流更多关于Vibe Coding的心得体会。