搭建开发环境，把项目跑起来

对照 React 最佳实践和项目规范，审查刚写的代码。AI 会逐文件检查：组件是否过大、Hook 使用是否合规、有没有性能隐患、命名是否一致，然后输出一份结构化报告。

# 在 Claude Code 中输入
/react-best

类比：相当于找一位资深前端做 Code Review，只不过这位"同事"24 小时在线，且每次都会按同一份标准检查。

扫描目标模块，把硬编码的中文文案替换成 i18n key。AI 会自动按项目规范命名 key（模块.功能.描述），生成对应的语言文件，支持动态变量占位。

# 在 Claude Code 中输入，指定模块
/write-i18n src/pages/UserProfile

类比：就像请了一个翻译，把界面上的文字都换成"占位符"，方便以后切换成英文、日文等其他语言。

让 AI 根据刚写完的代码，自动填写 design-note.md 设计说明文档。记录页面结构、交互逻辑、组件拆分原因、状态管理等设计决策，方便后续维护和团队交接。

# 在 Claude Code 中用自然语言描述
请根据当前代码更新 design-note.md，
记录本次修改涉及的页面结构、交互逻辑和设计决策

类比：就像建筑工人盖完一面墙后，在图纸上标注"这面墙用了什么材料、为什么这样砌"，方便后来的施工队理解。

用 Git 把改动记录下来。git commit -a -m "改动说明" 这条命令把所有改过的文件都保存一份快照，并附上说明。-a 的意思是"自动选中所有改过的文件"，-m 的意思是"这次保存的说明"，引号里就是你对这次改动的描述。如果想不出来说明，告诉 AI "根据这些代码改动，给我一个简洁的说明"。

# 查看当前改动了哪些文件
git status

# 提交改动，-a 自动选中改过的文件，-m 后面是这次改动的说明
git commit -a -m "添加用户个人资料页面"

# 说明尽量简洁，举几个例子
git commit -a -m "修复登录表单验证问题"
git commit -a -m "更新首页文案"

-a 是什么？自动选中所有改过的文件，省得你一个个挑。-m 是什么？后面引号里是这次改动的说明，方便以后查看历史时知道每次改了啥。

把本地的 commits 上传到 GitLab 远程分支。第一次推新分支需要用 git push -u origin 分支名，之后直接 git push 即可。推送完成后，你就可以在 GitLab 网页上发起 Merge Request，让团队评审你的代码。

# 第一次推新分支
git push -u origin feature/user-profile

# 之后直接推送
git push

类比：就像把整理好的文件夹上传到云盘，让团队都能看到。上传后在 GitLab 网页上点「Create Merge Request」，请大家评审。