Boxy

项目级上下文感知对话

Boxy 不仅读取当前文件，更能理解整个代码库的依赖、目录结构与模块关系，从而提供精准、连贯的编程建议。

智能代码生成与补全

开发者只需通过自然语言描述需求，Boxy 即可自动生成高质量代码片段，涵盖组件、函数、测试用例及配置文件。

实时代码解释与注释

选中任意代码块，Boxy 可即时生成详细注释与逻辑说明，帮助团队成员快速理解复杂逻辑，降低代码阅读成本。

自动错误诊断与修复

Boxy 能够检测运行时与编译期错误，提供一键修复建议，减少在调试上花费的时间。

代码重构与优化

支持提取函数、组件化、变量重命名、简化条件判断等重构操作，保持代码整洁并提升可维护性。

自动化 Git 提交（Auto-commit）

Boxy 可基于代码变更自动生成语义化的提交信息并完成 Git 提交，简化版本管理流程，让开发者专注于创意实现。

多语言与多格式支持

无论是 React、Vue、TypeScript，还是 boxy svg 图形代码的生成与优化，Boxy 都能高效处理，满足全栈及创意编程需求。

深度集成，零切换成本

Boxy 与 CodeSandbox 编辑器无缝融合，无需额外安装插件或频繁切换窗口，所有 AI 交互均在开发环境内完成。

全项目上下文理解

相较于仅基于当前文件的补全工具，Boxy 掌握全局依赖与业务逻辑，生成的代码更贴合实际项目架构。

开发流程精准契合

Boxy 的设计哲学是让 AI 辅助与真实开发工作流实现 boxy fit——无论是代码风格、项目规范还是团队协作习惯，都能灵活适配，避免机械式生成导致的风格割裂。

安全可靠

所有代码处理均在受控环境中进行，敏感信息遵循严格的隐私策略，确保企业级应用的安全性。

持续学习进化

依托 CodeSandbox 云端生态与社区实践，Boxy 持续迭代模型能力，紧跟前沿技术趋势。

快速原型开发

通过自然语言描述快速生成页面组件与业务逻辑，大幅缩短 MVP 开发周期。

代码审查辅助

在提交前利用 Boxy 检查潜在问题，自动生成清晰的 commit 信息，提升代码审查效率。

SVG 与图形编程

开发者可通过对话方式让 Boxy 生成复杂的 boxy svg 路径代码、动画属性或响应式图形方案，加速视觉开发。

教学与团队协作

新成员可借助 Boxy 快速理解项目代码结构，降低上手门槛；资深开发者则可利用其重构功能保持代码库健康。

Boxy 如何发音？

Boxy 读作 /ˈbɒksi/，与英文单词 "box" 的音标 /bɒks/ 相近，尾音为轻读的 "i"，整体简洁易记。

Boxy 与 GitHub Copilot 有什么区别？

Copilot 主要提供基于光标的代码补全，而 Boxy 是 CodeSandbox 内置的 AI 助手，具备项目级上下文理解、自然语言对话、自动 Git 提交及代码重构等更全面的交互能力。

Boxy 支持哪些编程语言？

Boxy 支持 JavaScript、TypeScript、React、Vue、CSS、HTML 等主流前端技术栈，同时也支持 Node.js 后端代码及 boxy svg 相关图形语言的生成与编辑。

什么是 boxy fit？

在 Boxy 的产品语境中，boxy fit 代表一种理想的开发适配状态：AI 生成的代码不仅在语法上正确，更能在代码风格、项目架构与业务需求层面实现精准契合，如同为项目量身定制的解决方案。

Boxy 的自动提交功能安全吗？

Boxy 的 Auto-commit 功能默认需要用户确认，且完全遵循仓库的权限设置。建议在团队协作中结合代码审查流程使用，确保所有变更可追溯。

如何在 CodeSandbox 中启用 Boxy？

Boxy 已集成于 CodeSandbox 编辑器右侧边栏，登录后点击 Boxy 图标即可开始对话。部分高级功能可能需要相应的工作区权限。