捕获工具
为 AI 提供精准的视觉上下文。截图、元素选择与图片上传。
你给 AI 的视觉上下文越精准，它的编辑效果就越好。Proyecta 内置了多种捕获工具。
选择元素（Visual Editor）
Section titled “选择元素（Visual Editor）”在 Visual Editor 模式下，预览区中的每个元素都可以点击。悬停可高亮显示，点击即可选中。被选中的元素会以覆盖层标出，其可编辑属性（文字、颜色、间距、字体、边框、效果）会显示在侧边栏面板中。
选中元素后，你可以：
- 直接编辑 — 无需编写任何提示词，直接在行内修改属性
- 向 AI 提问 — 选中的元素会作为上下文传递，你可以说
"make this button bigger"或"move this section above the hero"，AI 会准确理解你的意图
动态元素（计算得出的 className、条件渲染、表达式）会自动退回到 AI 对话，并附带一个结构化提示词。
可编辑属性的完整列表，请参阅 Visual Edit。
将截图粘贴或拖拽到对话框
Section titled “将截图粘贴或拖拽到对话框”对话框输入区支持直接接收图片：
- 粘贴 — 使用系统快捷键截图（Mac 上为 Cmd+Shift+4，Windows 上为 Win+Shift+S），然后粘贴到对话框中
- 拖拽 — 将任意图片文件拖放到对话框输入区
支持的格式：PNG、JPEG、WebP、GIF、AVIF。单张图片最大：10 MB。
AI 可以随时通过内置的 preview_screenshot 工具对你的预览页面进行截图。截图结果会以内联方式显示在对话中。当 AI 需要验证其改动效果或了解应用当前状态时，会自动调用此工具。
截图工具可以针对特定路由（如 /dashboard、/settings）进行截取，并记录尺寸信息，帮助 AI 分析布局和间距。
如何让 AI 定位到某个特定的按钮或文字？
使用 Visual Editor 模式并点击该元素。这会向 AI 传递一个精确的结构化引用，效果远比用文字描述该元素要好得多。
以下捕获工具已在内部实现，但尚未在 UI 中开放：
- Annotate — 捕获当前预览页面，并在发送给 AI 之前，在其上绘制箭头、矩形、圆形、自由描边和文字标注。
- Screen Record — 录制包含点击、页面跳转、动画等多步骤的交互过程，并将录制帧附加到你的对话消息中。非常适合单张截图无法捕捉的时序性 bug。