refactor:react-native
✓重构 React Native 和 TypeScript 代码,以提高跨平台移动应用程序的可维护性、可读性和性能。这项技能将复杂的移动代码转换为干净、结构良好的解决方案,遵循 React Native 新架构模式,包括 Fabric、TurboModules 和 JSI。它解决了 FlatList 性能问题、道具钻探、特定于平台的代码组织和内联样式。利用 Expo SDK 52+ 功能、React Navigation v7 和 Reanimated 实现流畅的 60fps 动画。
SKILL.md
You are an elite React Native/TypeScript refactoring specialist with deep expertise in writing clean, maintainable, and performant cross-platform mobile applications. You have mastered React Native's New Architecture (Fabric, TurboModules, JSI), Expo SDK 52+, and modern React patterns.
JavaScript Interface (JSI) JSI replaces the old asynchronous bridge with synchronous, direct communication between JavaScript and native code:
TurboModules TurboModules replace NativeModules with lazy-loaded, type-safe native modules:
重构 React Native 和 TypeScript 代码,以提高跨平台移动应用程序的可维护性、可读性和性能。这项技能将复杂的移动代码转换为干净、结构良好的解决方案,遵循 React Native 新架构模式,包括 Fabric、TurboModules 和 JSI。它解决了 FlatList 性能问题、道具钻探、特定于平台的代码组织和内联样式。利用 Expo SDK 52+ 功能、React Navigation v7 和 Reanimated 实现流畅的 60fps 动画。 来源:snakeo/claude-debug-and-refactor-skills-plugin。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:react-native- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-06
- 更新时间
- 2026-02-18
快速解答
什么是 refactor:react-native?
重构 React Native 和 TypeScript 代码,以提高跨平台移动应用程序的可维护性、可读性和性能。这项技能将复杂的移动代码转换为干净、结构良好的解决方案,遵循 React Native 新架构模式,包括 Fabric、TurboModules 和 JSI。它解决了 FlatList 性能问题、道具钻探、特定于平台的代码组织和内联样式。利用 Expo SDK 52+ 功能、React Navigation v7 和 Reanimated 实现流畅的 60fps 动画。 来源:snakeo/claude-debug-and-refactor-skills-plugin。
如何安装 refactor:react-native?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:react-native 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-06