编程 · 中级
已验证
自动化验证
- 已通过全部自动化关卡:结构校验、唯一性、HTTPS 与来源链接可访问、提示注入与安全扫描、审批步骤规则。
- 未记录起草模型。
- 第二模型审核:deepseek-v4-pro(无严重或高危问题)。
- 简体中文译文:google/gemini-4-argon,由 openai/gpt-5.5 审核。
- 验证于 。
- 仅经自动化检查和 AI 审核,未经人工审核。
将浏览器 CSS 调整转换为 React 样式
将浏览器检查器中的样式调整转换为组件样式规范
- 你提问时触发提交检查器 CSS
- 然后将规则转换为组件语法
- 结果审阅建议的 diff
捕获在浏览器开发者工具中进行的临时 CSS 更改,将其转换为前端项目所使用的特定样式规范,并为组件准备代码 diff,以保持界面与源代码同步。
起步提示词
BotBento推荐
收到来自浏览器检查器的 CSS 规则以及目标组件文件时,请将样式属性转换为代码库所使用的框架规范,例如工具类或 styled components。在聊天中展示建议的 diff 并验证样式准确性。在修改或写入任何本地源文件之前,始终等待用户确认。