必须配置CLAUDE.md和project_rules.md两个记忆文件并纳入Git跟踪，前者定义核心命名与样式规则供Claude读取，后者结构化约束Trae的SOLO模式，同时将memory-bank设为只读并记录进度。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要让 vibe coding 生成的代码始终遵循项目命名、目录、配色、交互等规范，必须配置可被 AI 持续读取的记忆文件，否则每次生成都会偏离预设风格。
创建 CLAUDE.md 作为长期记忆锚点
在项目根目录新建一个纯文本文件，命名为 【CLAUDE.md】。这个文件是 Claude Code 记忆系统的默认入口，所有会话启动时都会自动加载它——不叫这个名字，AI 就不会识别为长期记忆源。
直接用 VSCode 或任意编辑器打开，写入项目最核心的 3～5 条不可妥协规则，例如：
主技术栈：HTML + CSS + JavaScript，禁用 React/Vue 等框架
主色值：#1677ff，按钮圆角 6px，所有 hover 动效时长 200ms
变量命名：全部使用小驼峰（如 isModalOpen），禁止下划线
本地存储：仅用 localStorage，键名统一加前缀 app_（如 app_todoList）
用 project_rules.md 约束 Trae 的 SOLO 模式
在项目根目录同步创建 【project_rules.md】。Trae 的 vibe coding 工作流会优先读取该文件，用于驱动任务拆分与代码生成阶段的风格校验。
文件内容需结构化，至少包含以下四块：
统一LLM网关 - 一个API对接70+AI模型，使用单一API密钥即可调用GPT、Claude、Gemini、Qwen、Deepseek、Grok等主流模型。
✅ 技术栈约束：明确允许/禁止的技术组合，例：“允许：Tailwind CSS v4.0，禁止：原生 CSS 文件、Sass 预处理器”
✅ 目录规范：定义标准结构，例：“src/ 下只允许存在 components/、pages/、utils/ 三个子目录，禁止出现 assets/ 或 styles/”
✅ 交互反馈规则：规定状态响应方式，例：“所有表单提交后，显示 toast 提示，持续 2.5 秒，背景色 #1677ff，文字白色”
✅ 错误处理策略：统一兜底逻辑，例：“fetch 失败时，不抛出异常，返回 { success: false, message: '网络异常，请重试' }”
把 memory-bank 目录纳入 Git 跟踪并设置保护
第一步：在项目根目录执行 mkdir memory-bank，然后把 CLAUDE.md 和 project_rules.md 移入该目录。
第二步：在 .gitignore 中删除对 memory-bank/ 的忽略条目——如果之前有，必须删掉。这些文件必须提交到仓库，否则新成员 clone 后 AI 将失去上下文依据。
第三步：为防止误删或覆盖，在 VSCode 中右键 memory-bank → “Add to Workspace Settings”，勾选“Exclude from search”和“Read-only”。这一步能避免你在全局搜索时意外修改关键规范文件。
第四步：在 memory-bank/ 下新增 progress.md，每完成一次 vibe coding 迭代，就手动追加一行，格式为：- [2026-07-29] ✅ 实现登录表单校验逻辑，已按 project_rules.md 第3条验证通过。AI 后续会基于此判断当前进度，避免重复生成。
