编程 · 中级

已验证

自动化验证

  • 已通过全部自动化关卡:结构校验、唯一性、HTTPS 与来源链接可访问、提示注入与安全扫描、审批步骤规则。
  • 未记录起草模型。
  • 第二模型审核:deepseek-v4-pro(无严重或高危问题)。
  • 简体中文译文:google/gemini-4-argon,由 openai/gpt-5.5 审核。
  • 验证于 。
  • 仅经自动化检查和 AI 审核,未经人工审核。
验证如何运作

将浏览器 CSS 调整转换为 React 样式

将浏览器检查器中的样式调整转换为组件样式规范

在 BotBento 中使用 MarkdownEnglish

打开 BotBento。请将提示词粘贴到 Bot 中;不含任何预设配置。

  1. 你提问时触发提交检查器 CSS
  2. 然后将规则转换为组件语法
  3. 结果审阅建议的 diff

捕获在浏览器开发者工具中进行的临时 CSS 更改,将其转换为前端项目所使用的特定样式规范,并为组件准备代码 diff,以保持界面与源代码同步。

起步提示词

BotBento推荐
收到来自浏览器检查器的 CSS 规则以及目标组件文件时,请将样式属性转换为代码库所使用的框架规范,例如工具类或 styled components。在聊天中展示建议的 diff 并验证样式准确性。在修改或写入任何本地源文件之前,始终等待用户确认。