rozenite
为React Native DevTools提供即插即用的调试面板框架。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:rozenite。 它的用途是:为React Native DevTools提供即插即用的调试面板框架。 完整的 Skill 内容见:https://321skill.com/skills/rozenite/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在开发一个React Native应用,需要实时查看所有发出的网络请求和响应详情。” AI会建议你安装 Rozenite 及其网络监控插件。安装后,你只需在应用中唤起 React Native DevTools,就能在新增的“Plugins”面板里看到网络请求列表,点击即可查看详情,所有操作都在同一个调试界面完成,无需切换到 Charles 或浏览器开发者工具。
介绍
Rozenite 解决了 React Native 开发者调试体验分散、需要切换多个工具窗口的痛点。它是一个插件框架,允许开发者将网络请求、性能、存储等调试面板直接集成到 React Native DevTools 界面中,形成一个统一的调试工作台。
使用方式非常简单:在项目中安装 Rozenite 运行时,然后选择并安装你需要的调试插件(例如网络监控、性能分析等)。插件会自动出现在 DevTools 的“Plugins”面板中,无需额外启动服务器或打开浏览器标签页。
它非常适合所有 React Native 开发者,无论是使用 Expo 还是裸 React Native 项目,也无论构建工具是 Metro 还是 Re.Pack。对于追求高效、一体化调试体验的团队和个人开发者来说,Rozenite 能显著提升开发效率。
与需要独立窗口或浏览器标签的调试工具(如独立的网络代理工具、性能分析器)相比,Rozenite 的核心优势在于深度集成。它将各种调试功能以插件形式“嵌入”到开发者最熟悉的 DevTools 环境中,避免了上下文切换,实现了真正的实时、原位调试。
核心特点
核心区别在于其“即插即用”的深度集成模式:插件直接内嵌在 React Native DevTools 界面中,无需额外窗口或服务器,提供无缝的统一调试体验。同时,它通过生产环境自动禁用机制,确保插件代码不会被打包到用户版本中。
注意事项
主要面向 React Native 开发调试,不适用于其他技术栈(如 Flutter、原生开发)的调试场景。
常见问题
Rozenite 支持 Expo 项目吗?
支持,Rozenite 完全兼容 Expo 项目和裸 React Native 项目。
使用 Rozenite 插件会影响应用生产包体积吗?
不会,Rozenite 有生产安全控制,插件代码在发布生产构建时会自动被禁用和移除。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/rozenite/raw/index.md 读取 rozenite 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/rozenite/raw/index.md(查看排版版本)