codebuddy网页版5个高效功能：1./init触发项目扫描；2.定位模式精准修改dom；3.craft模式一键生成部署网页；4.双击esc回滚代码至检查点；5.自定义skills复用高频操作。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想在CodeBuddy网页版里少点鼠标、多出活，不靠插件不装IDE，只用浏览器就能把开发节奏拉满——这5个藏在界面角落、文档没写全、但每天能省下20分钟以上的功能，现在就手把手带你挖出来。
第一步：必须先跑/init，否则AI根本看不懂你的项目
打开CodeBuddy网页版，新建或加载已有项目后，【不要直接提问】，先在对话框输入斜杠命令：/init → 回车。
这一步会触发全项目文件扫描，构建代码知识图谱。没执行过/init的会话，AI对变量名、函数调用链、模块依赖关系的理解准确率下降超40%，尤其在跨文件引用时容易答非所问。
扫描完成提示“Project indexed”后，再问“这个API返回的数据结构怎么改”，答案才真正可靠。
定位模式：三秒锁定任意DOM元素并让AI精准修改
方法一：预览网页时，点击右上角「定位」按钮（图标为十字准心）→ 鼠标悬停页面任意区域 → 实时高亮对应HTML节点。
方法二：按快捷键 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）→ 输入“定位元素”→ 回车启动。
选中元素后，AI自动提取其完整选择器路径和当前样式，你只需说“把这个按钮改成蓝色圆角”，它不会动旁边导航栏——【误触其他节点的风险直接归零】。
Craft模式：一句话生成可运行的完整网页应用
第一步：在对话框输入指令，例如：“做个实时天气卡片，显示当前城市温度、湿度、空气质量，数据从OpenWeather API获取，UI用Shadcn组件。”
第二步：等待AI生成PRD、组件树、前后端代码、部署配置，并自动在内置CloudStudio环境运行。
CodeBuddy Code CLI 的安装、配置与使用指南。CodeBuddy Code 是腾讯推出的 AI 驱动 CLI 编程助手，支持自然语言驱动开发。 - 必备触发词：CodeBuddy, codebuddy, AI CLI, Tencent AI coding, @tencent-ai/codebuddy-code, terminal AI assistant - 适用场景：安装 CodeBuddy CLI、配置 CodeBuddy、使用 CodeBuddy 命令、排查 CodeBuddy 问题
第三步：点击「预览」按钮，看到真实可交互页面；点击「部署」，30秒内生成公网访问地址。
注意：Craft模式默认使用最新版Shadcn UI，若项目已用TDesign，需在指令末尾加一句“组件库替换为TDesign”。
检查点回滚：双击Esc就能回到10分钟前的代码状态
当你让AI大改一段逻辑，结果新代码报错且看不出哪行有问题，别急着手动还原——【双击键盘Esc键】，立刻弹出时间轴面板。
面板列出所有AI生成/修改的检查点，包括文件名、变更行数、操作时间戳；点击任一节点，整份代码瞬间回退到该状态，连注释和空行都原样保留。
这个功能不依赖Git提交，也不需要你提前手动保存，是真正的无感式后悔药。
自定义Skills：把高频操作存成一句话指令
方法一：在设置页 → 「Skills」→ 「新建Skill」→ 填写名称（如“查React版本兼容性”）、触发词（如“/react-compat”）、执行动作（调用Shell脚本检测node_modules/react版本并比对官方支持表）。
方法二：直接在对话框输入“帮我把这段TSX代码转成Vue3 Composition API风格”，等AI完成一次后，点击生成结果右下角「保存为Skill」→ 命名为“tsx-to-vue”，下次只需说“/tsx-to-vue”即可复用。
每个Skill会绑定当前项目上下文，换项目后自动失效，避免跨项目误触发。
