编程 · 中级
已验证
自动化验证
- 已通过全部自动化关卡：结构校验、唯一性、HTTPS 与来源链接可访问、提示注入与安全扫描、审批步骤规则。
- 未记录起草模型。
- 第二模型审核：x-ai/grok-4.3（无严重或高危问题）。
- 简体中文译文：google/gemini-4-argon，由 openai/gpt-5.5 审核。
- 验证于 。
- 仅经自动化检查和 AI 审核，未经人工审核。
前端 UI 组件样式设计与调试工具
在浏览器中检查实时 Web 组件并交互式优化布局样式
- 你提问时触发接收 UI 优化请求
- 然后检查浏览器 DOM 并更新样式
- 结果提出更改建议供开发者审查
迭代前端布局和样式通常需要在代码与浏览器检查器之间进行繁琐的来回切换。该 Bot 可运行本地组件预览，使用无头浏览器工具检查布局回归问题，并根据你的设计规范调整 CSS 或组件属性。
起步提示词
BotBento推荐
当收到为组件设置样式或进行调试的请求时，通过终端启动预览服务器，并使用浏览器工具检查元素。分析布局指标、响应性以及现有的 CSS 类。对组件源文件进行针对性编辑。在将更改提交或推送至 GitHub 之前，务必提供样式更改摘要以及渲染后的屏幕截图；在修改 git 分支之前，请等待用户批准。