AI编程Boxy
AI编程

Boxy

missing
missing

Boxy 是 CodeSandbox 在 2023 年 5 月发布的 AI 编程助手,内嵌于在线 IDE,以侧边聊天、代码补全、一键重构三种形态出现。它基于项目上下文生成代码,可理解 React、Vue、Node 等主流框架,支持自然语言提问、自动生成提交信息,并能在分支沙盒里安全实验。目前向所有 Pro 订阅用户开放,后续会扩展到免费用户。

主要功能

  1. 聊天式问答
    点击侧边「Boxy」图标,用自然语言提问:“如何给按钮加 loading 状态?”Boxy 会读取当前文件与依赖,给出可复制的代码片段,并标明需安装的包。
  2. 一键重构
    选中任意代码块,点击“Refactor”,输入需求如“把类组件改为函数组件”,Boxy 立即替换原代码,保留格式与注释。
  3. 智能补全
    敲击 // 触发行内提示,Boxy 根据上下文补全整段逻辑,如生成 useEffect 依赖数组。
  4. 错误修复
    控制台报错时,Boxy 自动分析堆栈,给出修复建议并可直接应用补丁。
  5. 生成提交信息
    点击 Git 面板,Boxy 读取 git diff 自动生成符合 Conventional Commits 的提交说明。
  6. 分支实验
    重构前自动创建独立沙盒分支,失败可随时回滚,不影响主分支。

应用场景

  • 原型冲刺:产品经理口述需求,开发者让 Boxy 生成页面雏形,10 分钟可交互。
  • 代码评审:新人提 PR 后,用 Boxy 生成摘要,评审者快速了解改动意图。
  • 教学演示:讲师现场提问,Boxy 实时生成示例,学生即刻看到运行效果。
  • Bug 救火:线上报错,开发者把日志贴给 Boxy,秒得修复方案并验证。
  • 开源贡献:fork 陌生仓库,让 Boxy 解释代码结构,降低上手门槛。

优势特点

  • 上下文感知:Boxy 读取整个沙盒的依赖、文件关系,答案精准无幻觉。
  • 零配置:无需 API Key,登录即用;Pro 用户不限调用次数。
  • 安全沙盒:所有 AI 操作都在云端容器,不会泄露本地代码。
  • 即时预览:修改后自动热重载,AI 结果立即可见。
  • 持续学习:团队每月用匿名化数据微调模型,越用越懂你。