Boxy：CodeSandbox 推出的 AI 编程助手

Boxy 是 CodeSandbox 内置的 AI 编程助手，帮助开发者根据项目上下文生成和重构代码、解释文件内容、发现潜在问题并改善代码安全性。它与在线开发环境和应用预览结合，适合快速修改和验证前端项目。

主要功能

• 上下文代码生成：根据项目结构和自然语言描述生成相关代码。
• 可视化代码重构：直接在应用预览中选择页面元素，让 Boxy 修改关联代码。
• 代码解释：解释指定代码或文件的逻辑和作用。
• 问题与安全辅助：帮助识别潜在错误和可能的代码安全风险。
• Git 提交说明生成：分析分支变更并生成提交消息建议。

如何使用Boxy

在 CodeSandbox 中打开项目和应用预览，在支持区域向 Boxy 描述开发需求，或选中页面元素请求重构。用户也可以指定文件和代码片段，让 Boxy 生成实现、解释逻辑或分析潜在问题。修改完成后，通过预览和项目测试验证结果，并根据需要调整代码后提交 Git 变更。

使用条件

根据提供资料，Boxy 需要 CodeSandbox Pro 用户权限。具体可用功能和套餐要求以 CodeSandbox 官方页面为准。

核心优势

• 与在线 IDE 结合：无需离开 CodeSandbox 即可完成开发辅助。
• 上下文感知：结合项目代码生成更贴合当前环境的建议。
• 预览驱动重构：从页面效果直接定位和修改关联代码。
• 开发任务覆盖实用：兼顾生成、解释、重构和 Git 提交整理。
• 适合快速迭代：生成后可立即在在线预览中查看效果。

应用场景

• 前端页面优化：根据预览效果调整组件和页面代码。
• 快速功能开发：结合项目上下文生成新功能。
• 代码阅读：解释陌生文件和复杂逻辑。
• 问题排查：辅助发现代码错误和安全隐患。
• Git 工作流：生成提交说明并整理代码变更。

AI 生成或重构的代码仍需通过项目测试和人工审查，涉及安全问题时请结合专业工具进行验证。