expo by pproenca/dot-skills
npx skills add https://github.com/pproenca/dot-skills --skill expo适用于 Expo React Native 应用程序的全面性能优化指南。包含 9 个类别共 54 条规则,按影响优先级排序,以指导自动化重构和代码生成。
在以下情况下参考这些指南:
| 优先级 | 类别 | 影响 | 前缀 |
|---|---|---|---|
| 1 | 启动时间优化 | 关键 | launch- |
| 2 | 包体积优化 | 关键 | bundle- |
| 3 | 列表虚拟化 | 高 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
list-| 4 | 图像优化 | 高 | image- |
| 5 | 数据获取模式 | 高 | data- |
| 6 | 导航性能 | 中高 | nav- |
| 7 | 防止重复渲染 | 中 | rerender- |
| 8 | 动画性能 | 中 | anim- |
| 9 | 内存管理 | 低中 | mem- |
launch-splash-screen-control - 在资源加载期间控制启动屏幕的可见性launch-preload-critical-assets - 在启动期间预加载字体和图像launch-hermes-engine - 使用 Hermes 引擎以获得更快的启动速度launch-defer-non-critical - 延迟非关键初始化launch-new-architecture - 启用新架构以实现同步原生通信launch-minimize-root-imports - 最小化根 App 组件中的导入bundle-avoid-barrel-files - 避免使用桶文件导入bundle-analyze-size - 发布前分析包体积bundle-remove-unused-dependencies - 移除未使用的依赖项bundle-split-by-architecture - 生成特定于架构的 APKbundle-enable-proguard - 为 Android 发布版本启用 ProGuardbundle-optimize-fonts - 将自定义字体子集化为使用的字符bundle-use-lightweight-alternatives - 使用轻量级库替代方案list-use-flashlist - 使用 FlashList 替代 FlatListlist-provide-estimated-size - 提供准确的 estimatedItemSizelist-avoid-inline-functions - 避免在 renderItem 中使用内联函数list-provide-getitemlayout - 为固定高度的项提供 getItemLayoutlist-avoid-key-prop - 避免在 FlashList 项内部使用 key 属性list-batch-rendering - 配置列表批量渲染list-memoize-item-components - 对列表项组件进行记忆化image-use-expo-image - 使用 expo-image 替代 React Native Imageimage-resize-to-display-size - 将图像调整为显示尺寸image-use-webp-format - 使用 WebP 格式以获得更小的文件大小image-use-placeholders - 使用 BlurHash 或 ThumbHash 占位符image-preload-critical - 预加载关键的首屏图像image-lazy-load-offscreen - 懒加载屏幕外的图像data-parallel-fetching - 并行获取独立数据data-request-deduplication - 对并发请求进行去重data-abort-requests - 在组件卸载时中止请求data-pagination - 实现高效的分页策略data-cache-strategies - 使用适当的缓存策略data-optimistic-updates - 应用乐观更新以提高响应性nav-use-native-stack - 使用原生堆栈导航器nav-unmount-inactive-screens - 卸载非活动的标签页屏幕nav-prefetch-screen-data - 在导航前预取数据nav-optimize-screen-options - 优化屏幕选项nav-avoid-deep-nesting - 避免深度嵌套的导航器rerender-use-memo-components - 使用 React.memo 记忆化开销大的组件rerender-use-callback - 使用 useCallback 稳定回调函数rerender-use-memo-values - 使用 useMemo 记忆化开销大的计算rerender-avoid-context-overuse - 避免过度使用 Context 进行频繁更新rerender-split-component-state - 拆分组件以隔离更新状态rerender-use-react-compiler - 启用 React Compiler 进行自动记忆化rerender-avoid-anonymous-components - 避免在 JSX 中使用匿名组件anim-use-reanimated - 使用 Reanimated 进行 UI 线程动画anim-use-native-driver - 为 Animated API 启用 useNativeDriveranim-avoid-layout-animation - 优先使用变换而非布局动画anim-gesture-handler-integration - 将 Gesture Handler 与 Reanimated 结合使用anim-interaction-manager - 在动画期间推迟繁重工作mem-cleanup-useeffect - 清理订阅和计时器mem-abort-fetch-requests - 在卸载时中止 fetch 请求mem-avoid-closure-leaks - 避免基于闭包的内存泄漏mem-release-heavy-resources - 在不需要时释放繁重资源mem-profile-with-tools - 使用开发工具分析内存使用情况阅读单独的参考文件以获取详细说明和代码示例:
获取包含所有规则详情的完整指南:AGENTS.md
每周安装量
181
代码仓库
GitHub 星标数
86
首次出现
2026 年 1 月 20 日
安全审计
安装于
codex141
gemini-cli141
opencode139
github-copilot127
cursor126
claude-code124
Comprehensive performance optimization guide for Expo React Native applications. Contains 54 rules across 9 categories, prioritized by impact to guide automated refactoring and code generation.
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Launch Time Optimization | CRITICAL | launch- |
| 2 | Bundle Size Optimization | CRITICAL | bundle- |
| 3 | List Virtualization | HIGH | list- |
| 4 | Image Optimization | HIGH | image- |
| 5 | Data Fetching Patterns | HIGH | data- |
| 6 | Navigation Performance | MEDIUM-HIGH | nav- |
| 7 | Re-render Prevention | MEDIUM | rerender- |
| 8 | Animation Performance | MEDIUM | anim- |
| 9 | Memory Management | LOW-MEDIUM | mem- |
launch-splash-screen-control - Control splash screen visibility during asset loadinglaunch-preload-critical-assets - Preload fonts and images during splashlaunch-hermes-engine - Use Hermes engine for faster startuplaunch-defer-non-critical - Defer non-critical initializationlaunch-new-architecture - Enable New Architecture for synchronous native communicationlaunch-minimize-root-imports - Minimize imports in root App componentbundle-avoid-barrel-files - Avoid barrel file importsbundle-analyze-size - Analyze bundle size before releasebundle-remove-unused-dependencies - Remove unused dependenciesbundle-split-by-architecture - Generate architecture-specific APKsbundle-enable-proguard - Enable ProGuard for Android release buildsbundle-optimize-fonts - Subset custom fonts to used charactersbundle-use-lightweight-alternatives - Use lightweight library alternativeslist-use-flashlist - Use FlashList instead of FlatListlist-provide-estimated-size - Provide accurate estimatedItemSizelist-avoid-inline-functions - Avoid inline functions in renderItemlist-provide-getitemlayout - Provide getItemLayout for fixed-height itemslist-avoid-key-prop - Avoid key prop inside FlashList itemslist-batch-rendering - Configure list batch renderinglist-memoize-item-components - Memoize list item componentsimage-use-expo-image - Use expo-image instead of React Native Imageimage-resize-to-display-size - Resize images to display sizeimage-use-webp-format - Use WebP format for smaller file sizesimage-use-placeholders - Use BlurHash or ThumbHash placeholdersimage-preload-critical - Preload critical above-the-fold imagesimage-lazy-load-offscreen - Lazy load off-screen imagesdata-parallel-fetching - Fetch independent data in paralleldata-request-deduplication - Deduplicate concurrent requestsdata-abort-requests - Abort requests on component unmountdata-pagination - Implement efficient pagination strategiesdata-cache-strategies - Use appropriate caching strategiesdata-optimistic-updates - Apply optimistic updates for responsivenessnav-use-native-stack - Use native stack navigatornav-unmount-inactive-screens - Unmount inactive tab screensnav-prefetch-screen-data - Prefetch data before navigationnav-optimize-screen-options - Optimize screen optionsnav-avoid-deep-nesting - Avoid deeply nested navigatorsrerender-use-memo-components - Memoize expensive components with React.memorerender-use-callback - Stabilize callbacks with useCallbackrerender-use-memo-values - Memoize expensive computations with useMemorerender-avoid-context-overuse - Avoid overusing Context for frequent updatesrerender-split-component-state - Split components to isolate updating statererender-use-react-compiler - Enable React Compiler for automatic memoizationrerender-avoid-anonymous-components - Avoid anonymous components in JSXanim-use-reanimated - Use Reanimated for UI thread animationsanim-use-native-driver - Enable useNativeDriver for Animated APIanim-avoid-layout-animation - Prefer transform over layout animationsanim-gesture-handler-integration - Use Gesture Handler with Reanimatedanim-interaction-manager - Defer heavy work during animationsmem-cleanup-useeffect - Clean up subscriptions and timersmem-abort-fetch-requests - Abort fetch requests on unmountmem-avoid-closure-leaks - Avoid closure-based memory leaksmem-release-heavy-resources - Release heavy resources when not neededmem-profile-with-tools - Profile memory usage with development toolsRead individual reference files for detailed explanations and code examples:
For the complete guide with all rules expanded: AGENTS.md
Weekly Installs
181
Repository
GitHub Stars
86
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex141
gemini-cli141
opencode139
github-copilot127
cursor126
claude-code124
GSAP 框架集成指南:Vue、Svelte 等框架中 GSAP 动画最佳实践
3,200 周安装
社交媒体内容多平台适配器 - AI内容重制工具,一键优化Twitter/LinkedIn/Instagram/Facebook/TikTok
148 周安装
Rust Trait 探索器 - 快速查找 trait 实现与多态设计分析工具
232 周安装
阿里云轻量应用服务器SWAS-OPEN API管理指南:实例、磁盘、快照、镜像、防火墙
265 周安装
阿里云AIRec智能推荐管理技能 - 使用OpenAPI/SDK管理AI推荐引擎
265 周安装
阿里云文档API质量评审工具 - 自动化产品文档与OpenAPI评审报告生成
266 周安装
阿里云文档智能DocMind Node.js SDK使用教程:异步提取文档结构、文本和布局
266 周安装