Skip to content
Go back

RIPER-5规则系统:让Claude Code成为你的超级编程伙伴

编辑页面

RIPER-5规则系统:让Claude Code成为你的超级编程伙伴

vibe coding的精髓:不是让AI随意修改代码,而是建立规范化的协作流程,让人与AI的合作更加精准和可控。

vibe coding的实践中,我们经常面临一个挑战:如何让Claude Code既能发挥强大的AI能力,又不会因为过度主动而破坏现有代码?今天分享一个经过实战验证的解决方案——RIPER-5规则系统

RIPER-5工作流程

Table of contents

Open Table of contents

为什么需要RIPER-5规则系统?

🚨 AI编程的常见问题

在使用Claude Code进行vibe coding时,你是否遇到过这些困扰:

RIPER-5规则系统正是为解决这些问题而设计的。它将AI协作分为5个明确的阶段,确保每一步都在你的掌控之下。

🎯 RIPER-5五阶段详解

第一阶段:RESEARCH(研究)

[MODE: RESEARCH]

目的:信息收集和深入理解

AI只能做

AI绝对禁止

第二阶段:INNOVATE(创新)

[MODE: INNOVATE]

目的:头脑风暴潜在方案

AI可以做

AI绝对禁止

第三阶段:PLAN(规划)

[MODE: PLAN]

目的:创建详尽的技术规范

AI必须提供

强制要求:必须将计划转换为编号的原子操作清单

第四阶段:EXECUTE(执行)

[MODE: EXECUTE]

目的:严格按照计划实施

AI只能做

AI绝对禁止

第五阶段:REVIEW(审查)

[MODE: REVIEW]

目的:验证实施与计划的符合度

AI必须做

⚙️ 在Cursor中配置RIPER-5

方法一:添加到Cursor Rules

  1. 打开Cursor设置

    • 快捷键:Cmd/Ctrl + ,
    • 找到 “Rules for AI” 部分
  2. 添加RIPER-5规则

    ## RIPER-5规则系统
    
    你必须在每个响应开头声明当前模式:[MODE: MODE_NAME]
    
    模式转换只能通过明确信号:
    - "ENTER RESEARCH MODE"
    - "ENTER INNOVATE MODE" 
    - "ENTER PLAN MODE"
    - "ENTER EXECUTE MODE"
    - "ENTER REVIEW MODE"
    
    默认模式:RESEARCH
    
    [此处可以添加完整的RIPER-5规则内容]

方法二:创建claude.md文件

在项目根目录创建 claude.md 文件:

# 在项目根目录
touch claude.md

然后将完整的RIPER-5规则复制到这个文件中。Claude Code会自动读取这个配置文件。

配置Claude规则

🚀 实战案例:用RIPER-5重构组件

让我演示一个完整的vibe coding流程:

1. 启动研究模式

用户:我需要优化这个React组件的性能
AI:[MODE: RESEARCH]
我来分析组件结构和性能瓶颈...

2. 切换到创新模式

用户:ENTER INNOVATE MODE
AI:[MODE: INNOVATE]
基于分析,我发现几种优化方案:
- 使用useMemo缓存计算结果
- 实施虚拟滚动减少DOM节点
- 拆分组件减少重渲染范围

3. 制定详细计划

用户:ENTER PLAN MODE
AI:[MODE: PLAN]
详细实施计划:

文件修改:
1. src/components/UserList.tsx - 添加useMemo优化
2. src/hooks/useVirtualScroll.ts - 创建虚拟滚动hook
3. src/components/UserItem.tsx - 拆分子组件

实施清单:
1. 在UserList.tsx第15行添加useMemo导入
2. 在UserList.tsx第45行实施filteredUsers缓存
...

4. 精确执行

用户:ENTER EXECUTE MODE
AI:[MODE: EXECUTE]
正在执行第1项:添加useMemo导入...
✓ 已完成第1项
正在执行第2项:实施filteredUsers缓存...

5. 严格审查

用户:ENTER REVIEW MODE
AI:[MODE: REVIEW]
验证实施结果:
✓ 所有清单项目已完成
✓ 代码符合计划规范
✓ 无偏差检测
实施与计划完全匹配

📋 任务文件模板

RIPER-5会自动创建任务文件来跟踪整个过程:

# 背景
文件名:2025-01-20_1
创建于:2025-01-20_14:30:00
创建者:tengda
主分支:main
任务分支:task/optimize-userlist_2025-01-20_1
Yolo模式:Off

# 任务描述
优化React组件性能,减少不必要的重渲染

# 项目概览
基于React 18的用户管理系统,包含用户列表和搜索功能

# 分析
发现性能瓶颈:
- 每次状态变化都重新计算filteredUsers
- 大量DOM节点导致渲染缓慢
- 组件粒度过大

# 提议的解决方案
1. 使用useMemo优化计算
2. 实施虚拟滚动
3. 组件拆分优化

# 当前执行步骤:"3. 实施虚拟滚动hook"

# 任务进度
[2025-01-20_14:45:00]
- 已修改:src/components/UserList.tsx
- 更改:添加useMemo优化filteredUsers计算
- 原因:减少不必要的数组过滤操作
- 阻碍因素:无
- 状态:成功

# 最终审查
[待完成后填写]

💡 RIPER-5最佳实践

1. 合理设置Yolo模式

# Yolo模式设置指南
- **Off(推荐)**:每步都需要确认,最安全
- **Ask**:AI会询问是否需要确认
- **On**:自动执行,仅在非常熟悉的项目中使用

2. 善用分支管理

# RIPER-5会自动创建任务分支
git checkout -b task/fix-login-bug_2025-01-20_1

# 完成后合并
git checkout main
git merge task/fix-login-bug_2025-01-20_1

3. 定制化规则

根据你的项目需求,可以在RIPER-5基础上添加:

# 项目特定规则
- 所有组件必须包含TypeScript类型
- API调用必须包含错误处理
- 新功能必须包含单元测试
- 遵循项目既定的命名约定

🎯 与传统vibe coding的对比

方面传统vibe codingRIPER-5 vibe coding
控制性AI可能过度主动严格的模式控制
可预测性结果难以预期每步都有明确计划
安全性容易引入bug多重验证机制
可维护性缺乏文档记录完整的任务文件
学习曲线依赖经验判断标准化流程

🔧 故障排除

常见问题解决

Q: AI不遵循模式规则怎么办?

A: 明确提醒AI当前应该处于的模式:
"你现在应该处于[MODE: RESEARCH]模式,请重新开始"

Q: 如何处理复杂的多文件修改?

A: 在PLAN模式中要求AI提供详细的文件依赖图和修改顺序

Q: 任务文件太多怎么管理?

A: 使用.gitignore排除.tasks文件夹,定期清理已完成的任务

🌟 RIPER-5的深度价值

对个人开发者

对团队协作

对vibe coding生态

🚀 开始你的RIPER-5之旅

立即行动清单

  1. 下载规则文件:获取完整的RIPER-5规则文档
  2. 配置Cursor:在项目中添加claude.md文件
  3. 练习模式切换:熟悉五个模式的使用场景
  4. 创建第一个任务:从简单的功能开始实践
  5. 总结经验:记录使用心得和改进建议

推荐学习路径

graph TD
    A[阅读RIPER-5规则] --> B[配置Cursor环境]
    B --> C[简单任务练习]
    C --> D[复杂项目应用]
    D --> E[自定义规则优化]
    E --> F[团队推广使用]

🎯 结语:vibe coding的未来

RIPER-5规则系统代表了vibe coding发展的一个重要里程碑。它不仅解决了AI编程中的控制问题,更重要的是为人与AI的深度协作建立了标准化框架。

通过RIPER-5,我们实现了:

这正是我们在BadAGI.org一直倡导的vibe coding理念:不是简单地使用AI工具,而是与AI建立深度的创造性协作关系。

立即开始你的RIPER-5之旅,让Claude Code成为你最得力的编程伙伴!


📖 扩展阅读

💬 加入讨论

如果你在使用RIPER-5过程中有任何问题或改进建议,欢迎在我们的技术社区分享。让我们一起推动vibe coding的发展,构建更美好的AI编程未来!

在BadAGI.org,我们相信AGI将解放人类的创造力。而RIPER-5正是这个愿景在编程领域的具体实践。


编辑页面
Share this post on:

Previous Post
生产级Claude Code SubAgents:73个专家智能体让vibe coding效率翻倍
Next Post
Claude Code就是我的电脑:vibe coding的终极实践