性能优化¶

提升 Vibe Coding 协作效率的系统性方法。

效率瓶颈分析¶

Vibe Coding 的时间分布：

规格编写        ████████░░  20%
上下文准备      ████████░░  20%
AI 生成         ██░░░░░░░░   5%
验证            ████████████ 30%
修复迭代        ████████░░  20%
复盘沉淀        ██░░░░░░░░   5%

优化重点在验证和修复迭代，而不是 AI 生成速度。

减少修复迭代¶

投资规格质量¶

每多花 5 分钟完善规格，平均节省 20 分钟的修复迭代。

规格质量检查清单： - [ ] 目标行为是否具体可测？ - [ ] 范围边界是否明确？ - [ ] 约束是否包含"不做什么"？ - [ ] 验收标准是否可执行？

提供高质量参考¶

低质量参考：
"参考项目中的其他组件"

高质量参考：
"参考 src/components/UserCard.tsx 的以下方面：
- Props 类型定义方式
- 错误状态的处理
- 加载状态的展示"

加速验证流程¶

自动化验证脚本¶

为常见验证场景创建脚本：

#!/bin/bash
# verify.sh - 标准验证流程

echo "=== 类型检查 ==="
npm run typecheck || exit 1

echo "=== 单元测试 ==="
npm test -- --run || exit 1

echo "=== 构建检查 ==="
npm run build || exit 1

echo "=== 验证通过 ==="

并行运行验证¶

# 并行运行类型检查和测试
npm run typecheck & npm test -- --run & wait

上下文准备效率¶

项目规则文件自动注入¶

使用 AI IDE 的规则文件功能，避免每次手动提供项目约定：

# .trae/rules/project_rules.md
每次任务自动包含以下约定：
- 技术栈：[...]
- 禁止事项：[...]
- 验收命令：[...]

代码摘要工具¶

对于大文件，使用脚本生成接口摘要：

# 生成 Python 文件的接口摘要
import ast

def extract_interface(filepath):
    with open(filepath) as f:
        tree = ast.parse(f.read())

    for node in ast.walk(tree):
        if isinstance(node, (ast.FunctionDef, ast.ClassDef)):
            print(f"{node.name}: {ast.get_docstring(node) or ''}")

知识复用效率¶

提示词模板热键¶

在常用工具中设置快捷键，快速插入常用模板：

快捷键	模板
`!api`	API 接口实现模板
`!bug`	Bug 修复模板
`!refactor`	重构模板
`!review`	代码审查模板

失败模式数据库¶

在任务简报中主动列出本项目已知的 AI 失败模式，提前规避。失败模式的记录格式和维护方式见复盘沉淀。