从 10 倍到 100 倍：构建 AI 辅助开发体系，让开发效率实现质的飞跃

# 页面重构模板
- 功能分析：分析现有功能和技术债务
- 重构计划：制定详细的重构计划
- 实施步骤：具体的实施步骤和检查点
- 验收标准：明确的质量标准和验收条件

# 组件开发模板
- 需求分析：组件功能和接口设计
- 实现方案：技术实现和最佳实践
- 测试策略：单元测试和集成测试
- 文档生成：API 文档和使用示例

interface AICommand {
  name: string;           // 指令名称
  trigger: string[];     // 触发词
  template: string;      // 使用的模板
  context: string[];     // 上下文信息
  validation: string[];  // 验证规则
}

#!/bin/bash
# post-commit hook
if [[ "$(git diff --name-only HEAD~1)" =~ (AI\.md|package\.json) ]]; then
    echo "🤖 触发 AI.md 自动更新..."
    ./scripts/update-ai-md.sh
fi

# 角色定义
你是一个资深的 [技术栈] 开发专家，具有 [相关经验] 的经验。

# 任务描述
请帮我 [具体任务]，要求如下：
- [具体要求 1]
- [具体要求 2]
- [具体要求 3]

# 上下文信息
项目信息：
- 技术栈：[技术栈]
- 项目类型：[项目类型]
- 团队规模：[团队规模]

# 输出格式
请按照以下格式输出：
1. 分析报告
2. 实施计划
3. 代码实现
4. 验收标准

# 质量要求
- 代码质量：[质量标准]
- 性能要求：[性能指标]
- 安全要求：[安全标准]

docs/
├── templates/
│   ├── refactor-template.md
│   ├── component-template.md
│   ├── review-template.md
│   └── docs-template.md
├── guides/
│   ├── usage-examples.md
│   ├── best-practices.md
│   └── troubleshooting.md
└── rules/
    └── .cursorrules

# 在 .cursorrules 中定义指令
### 页面重构指令
当用户说"重构 [页面名称]"时，使用 @docs/templates/refactor-template.md 中的框架进行分析和实施。

#!/bin/bash
# update-ai-md.sh
echo "🤖 开始更新 AI.md 文件..."

# 分析项目变更
COMMIT_HASH=$(git rev-parse HEAD)
COMMIT_DATE=$(git log -1 --format=%ci)
PACKAGE_VERSION=$(node -p "require('./package.json').version")

# 生成更新内容
cat > AI.md.update << EOF
# 项目更新摘要
- 提交哈希: $COMMIT_HASH
- 提交时间: $COMMIT_DATE
- 版本号: $PACKAGE_VERSION
- 主要变更: [变更描述]
EOF

# 应用更新
if [ -f "AI.md.update" ]; then
    cp AI.md AI.md.backup
    cat AI.md.update >> AI.md
    echo "✅ AI.md 更新完成"
fi

// 1. 手动设计接口
interface UserProfileProps {
  user: User;
  onEdit: (user: User) => void;
  onDelete: (id: string) => void;
}

// 2. 手动实现组件
const UserProfile: React.FC<UserProfileProps> = ({ user, onEdit, onDelete }) => {
  // 手动编写所有逻辑
  return (
    <div className="user-profile">
      {/* 手动编写 JSX */}
    </div>
  );
};

// 3. 手动编写测试
describe('UserProfile', () => {
  it('should render user information', () => {
    // 手动编写测试用例
  });
});

// 4. 手动编写文档
/**
 * UserProfile 组件
 * 用于显示用户信息
 */

# 使用指令：创建组件 UserProfile
@docs/templates/component-template.md 创建组件 UserProfile

# AI 自动生成：
# 1. 接口设计
# 2. 组件实现
# 3. 测试用例
# 4. 文档说明

# 使用指令：审查代码
@docs/templates/review-template.md 审查 src/components/UserProfile.tsx

# AI 自动生成：
# 1. 代码质量分析
# 2. 性能问题识别
# 3. 安全漏洞检查
# 4. 改进建议
# 5. 审查报告

docs/
├── refactor-template.md      # 页面重构模板
├── component-guidelines.md    # 组件开发规范
├── code-review-checklist.md   # 代码审查清单
├── comment-template.md       # 代码注释模板
├── commit-template.md        # Git 提交模板
├── ai-update-template.md     # AI.md 更新模板
└── readme-update-template.md # README 更新模板

docs/guides/
├── usage-examples.md        # 使用示例和案例
├── reuse-guide.md          # 项目复用指南
├── advanced-tips.md         # 高级技巧和最佳实践
├── smart-tips.md           # 智能提示和快捷方式
├── custom-commands.md       # 自定义指令模板
└── ai-config.md            # AI 配置说明

# 快速指令
重构 [页面名称]
创建组件 [组件名称]
审查代码
添加注释
提交代码
更新 AI.md
更新 README

# 详细指令
@docs/refactor-template.md 重构 [页面名称]
@docs/component-guidelines.md 创建 [组件名称]
@docs/code-review-checklist.md 审查 [文件路径]
@docs/comment-template.md 添加注释 [文件路径]
@docs/commit-template.md 提交代码
@docs/ai-update-template.md 更新 AI.md
@docs/readme-update-template.md 更新 README

# 1. 复制核心模板
cp -r docs/ new-project/docs/
cp .cursorrules new-project/

# 2. 创建项目特定文件
touch new-project/AI.md

# 3. 定制项目信息
# 编辑 new-project/AI.md，填入项目特定信息