react-native-unistyles
高性能跨平台React Native样式解决方案
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：react-native-unistyles。 它的用途是：高性能跨平台React Native样式解决方案 完整的 Skill 内容见：https://321skill.com/skills/react-native-unistyles/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我用react-native-unistyles写一个支持亮暗主题切换的登录页样式”，它会生成符合3.x版本语法的跨端样式代码，自动处理主题注册逻辑，避免不必要的重渲染。
对AI说：“帮我把现有React Native StyleSheet代码迁移到Unistyles”，它会按照官方迁移规则转换代码，同时标注依赖版本要求和平台配置注意事项。
介绍
传统React Native样式开发存在跨平台复用率低、主题切换易触发组件重渲染、样式解析性能开销大、Web与SSR端适配成本高的痛点，多端统一开发时常出现样式逻辑割裂、维护成本居高不下的问题。 开发者可通过包管理工具安装核心库与配套依赖，按照官方文档完成对应平台（iOS/Android/Expo/Web/SSR）的配置后，即可沿用接近原生StyleSheet的写法编写样式，支持通过单函数调用完成多主题切换。 适合需要同时覆盖移动端、Web端、SSR场景的React Native/Expo开发者，尤其适合追求极致应用性能、需要统一多端样式规范、维护大型跨端项目的前端开发团队。 使用时需注意3.x版本对react-native-nitro-modules有明确的最低版本要求，安卓端建议开启edgeToEdge配置以获得更好的系统栏适配效果，从2.x版本升级需提前参考官方迁移指南调整代码。
核心特点
基于C++/JSI与Nitro Modules实现，样式解析开销低于0.1ms且主题切换无重渲染，支持全平台100%样式复用且不新增自定义组件。
注意事项
仅适用于React Native/Expo技术栈，3.x版本对配套依赖有明确最低版本要求。
常见问题
react-native-unistyles支持Web和SSR场景吗？
支持，可同时适配Web、Next.js等SSR场景，实现全平台样式共享。
使用Unistyles切换主题会导致组件重渲染吗？
不会，其底层实现避免了主题切换带来的不必要重渲染，性能表现优异。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/react-native-unistyles/raw/index.md 读取 react-native-unistyles 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/react-native-unistyles/raw/index.md（查看排版版本）