[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7AD73VB3NWAWP9V98CNRSB1":3,"skill-same:01M7AD73VB3NWAWP9V98CNRSB1":224},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":27,"commitSha":28,"skillDirectory":29,"forksCount":14,"repositoryHtmlUrl":30,"repositoryHomepageUrl":6,"ownerHtmlUrl":31,"ownerBlogUrl":32,"ownerDescription":6,"updatedAt":33,"install":34,"resources":47},"01M7AD73VB3NWAWP9V98CNRSB1","react-native-best-practices",null,"Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.","MahmoudMater\u002FToyota-Smart-System-demo","MahmoudMater","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F163003717?v=4","01M7AD07TBY68MTW1PH10TFBQ1","Mahmoud Matter","01M7AD07V049ESVQMAES0RS4EH",0,"MIT","https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: react-native-best-practices\ndescription: Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.\nlicense: MIT\nmetadata:\n  author: Callstack\n  tags: react-native, expo, performance, optimization, profiling\n---\n\n# React Native Best Practices\n\n## Overview\n\nPerformance optimization guide for React Native applications, covering JavaScript\u002FReact, Native (iOS\u002FAndroid), and bundling optimizations. Based on Callstack's \"Ultimate Guide to React Native Optimization\".\n\n## When to Apply\n\nReference these guidelines when:\n- Debugging slow\u002Fjanky UI or animations\n- Investigating memory leaks (JS or native)\n- Optimizing app startup time (TTI)\n- Reducing bundle or app size\n- Writing native modules (Turbo Modules)\n- Profiling React Native performance\n- Reviewing React Native code for performance\n\n## Security Notes\n\n- Treat shell commands in these references as local developer operations. Review them before running, prefer version-pinned tooling, and avoid piping remote scripts directly to a shell.\n- Treat third-party libraries and plugins as dependencies that still require normal supply-chain controls: pin versions, verify provenance, and update through your standard review process.\n- Treat remote chunk loading as first-party artifact delivery only. Prefer app-bundled chunks or signed CI release manifests; hosted chunks must come from trusted HTTPS origins you control and be pinned to the current app release.\n\n## Priority-Ordered Guidelines\n\n| Priority | Category | Impact | Prefix |\n|----------|----------|--------|--------|\n| 1 | FPS & Re-renders | CRITICAL | `js-*` |\n| 2 | Bundle Size | CRITICAL | `bundle-*` |\n| 3 | TTI Optimization | HIGH | `native-*`, `bundle-*` |\n| 4 | Native Performance | HIGH | `native-*` |\n| 5 | Memory Management | MEDIUM-HIGH | `js-*`, `native-*` |\n| 6 | Animations | MEDIUM | `js-*` |\n\nImpact labels are triage hints: CRITICAL first, HIGH next, MEDIUM when evidence points there.\n\n## Quick Reference\n\n### Optimization Workflow\n\nFollow this cycle for any performance issue: **Measure → Optimize → Re-measure → Validate**\n\n1. **Measure**: Capture baseline metrics before changes. For runtime issues, prefer commit timeline, re-render counts, slow components, heaviest-commit breakdown, and startup\u002FTTI when available. Component tree depth or count are optional context, not substitutes. Do not recommend memoization, atomic state, or compiler changes without a measured render or FPS problem.\n2. **Optimize**: Apply the targeted fix from the relevant reference\n3. **Re-measure**: Run the same measurement to get updated metrics\n4. **Validate**: Confirm improvement (e.g., FPS 45→60, TTI 3.2s→1.8s, bundle 2.1MB→1.6MB)\n\nIf metrics did not improve, revert and try the next suggested fix.\n\n### Review Guardrails\n\n- Check library versions before suggesting API-specific fixes. Example: FlashList v2 deprecates `estimatedItemSize`, so do not flag it as missing there.\n- Do not suggest `useMemo` or `useCallback` dependency changes unless behavior is demonstrably incorrect or profiling shows wasted work tied to that value.\n- Do not report stale closures speculatively. Show the stale read path, a repro, or profiler evidence before calling it out.\n- When profiling a flow, measure the target interaction itself. Do not treat component tree depth or component count as the main performance evidence.\n\n### Critical: FPS & Re-renders\n\n**Profile first:**\n```bash\nagent-device react-devtools status\nagent-device react-devtools wait --connected\nagent-device react-devtools profile start\nagent-device react-devtools profile stop\nagent-device react-devtools profile slow --limit 5\nagent-device react-devtools profile rerenders --limit 5\nagent-device react-devtools profile timeline --limit 20\n```\n\nDrive the target interaction with normal `agent-device` commands between `profile start` and `profile stop`.\n\nManual fallback when `agent-device` is unavailable: open React Native DevTools from Metro (`j`) or the Dev Menu, use the Profiler tab, and record the same interaction.\n\nFor release-build React component profiling, connect [`@callstack\u002Finspector`](https:\u002F\u002Fgithub.com\u002Fcallstackincubator\u002Finspector#inspector) first so React DevTools can attach to the release app, then run the `agent-device react-devtools` flow above.\n\n**Common fixes:**\n- Replace ScrollView with FlatList\u002FFlashList\u002FLegend List for long lists\n- After profiling shows cascading re-renders, use React Compiler for automatic memoization\n- After profiling shows broad store\u002Fcontext updates, use atomic state (Jotai\u002FZustand) to reduce re-renders\n- Use `useDeferredValue` for expensive computations\n\n### Critical: Bundle Size\n\n**Analyze bundle:**\n```bash\nnpx react-native bundle \\\n  --entry-file index.js \\\n  --bundle-output output.js \\\n  --platform ios \\\n  --sourcemap-output output.js.map \\\n  --dev false --minify true\n\nnpx source-map-explorer output.js --no-border-checks\n```\n\n**Verify improvement after optimization:**\n```bash\n# Record baseline size before changes\nls -lh output.js  # e.g., Before: 2.1 MB\n\n# After applying fixes, re-bundle and compare\nnpx react-native bundle --entry-file index.js --bundle-output output.js \\\n  --platform ios --dev false --minify true\nls -lh output.js  # e.g., After: 1.6 MB  (24% reduction)\n```\n\n**Common fixes:**\n- Avoid barrel imports (import directly from source)\n- Remove unnecessary Intl polyfills only after checking Hermes API and method coverage\n- Evaluate tree shaking (Expo SDK 52+ experimental unused import\u002Fexport removal, or Re.Pack only if already configured)\n- Enable R8 for Android native code shrinking\n\n### High: TTI Optimization\n\n**Measure TTI:**\n- Use `react-native-performance` for markers\n- Only measure cold starts (exclude warm\u002Fhot\u002Fprewarm)\n\n**Common fixes:**\n- For React Native 0.78 and earlier, disable Android JS bundle compression to enable Hermes mmap\n- Use native navigation (react-native-screens)\n- Preload commonly-used expensive screens before navigating to them\n\n### High: Native Performance\n\n**Profile native:**\n- iOS: Xcode Instruments → Time Profiler\n- Android: Android Studio → CPU Profiler\n\n**Common fixes:**\n- Use background threads for heavy native work\n- Prefer async over sync Turbo Module methods\n- Use C++ for cross-platform performance-critical code\n\n## References\n\nFull documentation with code examples in [references\u002F][references]:\n\n### JavaScript\u002FReact (`js-*`)\n\n| File | Impact | Description |\n|------|--------|-------------|\n| [js-lists-flatlist-flashlist.md][js-lists-flatlist-flashlist] | CRITICAL | Replace ScrollView with virtualized lists |\n| [js-profile-react.md][js-profile-react] | MEDIUM | `agent-device react-devtools` profiling |\n| [js-measure-fps.md][js-measure-fps] | HIGH | FPS monitoring and measurement |\n| [js-memory-leaks.md][js-memory-leaks] | MEDIUM | JS memory leak hunting |\n| [js-atomic-state.md][js-atomic-state] | HIGH | Jotai\u002FZustand patterns |\n| [js-concurrent-react.md][js-concurrent-react] | HIGH | useDeferredValue, useTransition |\n| [js-react-compiler.md][js-react-compiler] | HIGH | Automatic memoization |\n| [js-animations-reanimated.md][js-animations-reanimated] | MEDIUM | Reanimated worklets |\n| [js-bottomsheet.md][js-bottomsheet] | HIGH | Bottom sheet optimization |\n| [js-uncontrolled-components.md][js-uncontrolled-components] | HIGH | TextInput optimization |\n\n### Native (`native-*`)\n\n| File | Impact | Description |\n|------|--------|-------------|\n| [native-turbo-modules.md][native-turbo-modules] | HIGH | Building fast native modules |\n| [native-sdks-over-polyfills.md][native-sdks-over-polyfills] | HIGH | Native vs JS libraries |\n| [native-measure-tti.md][native-measure-tti] | HIGH | TTI measurement setup |\n| [native-threading-model.md][native-threading-model] | HIGH | Turbo Module threads |\n| [native-profiling.md][native-profiling] | MEDIUM | Xcode\u002FAndroid Studio profiling |\n| [native-platform-setup.md][native-platform-setup] | MEDIUM | iOS\u002FAndroid tooling guide |\n| [native-view-flattening.md][native-view-flattening] | MEDIUM | View hierarchy debugging |\n| [native-memory-patterns.md][native-memory-patterns] | MEDIUM | C++\u002FSwift\u002FKotlin memory |\n| [native-memory-leaks.md][native-memory-leaks] | MEDIUM | Native memory leak hunting |\n| [native-android-16kb-alignment.md][native-android-16kb-alignment] | CRITICAL | Third-party library alignment for Google Play |\n\n### Bundling (`bundle-*`)\n\n| File | Impact | Description |\n|------|--------|-------------|\n| [bundle-barrel-exports.md][bundle-barrel-exports] | CRITICAL | Avoid barrel imports |\n| [bundle-analyze-js.md][bundle-analyze-js] | CRITICAL | JS bundle visualization |\n| [bundle-tree-shaking.md][bundle-tree-shaking] | HIGH | Dead code elimination |\n| [bundle-analyze-app.md][bundle-analyze-app] | HIGH | App size analysis |\n| [bundle-r8-android.md][bundle-r8-android] | HIGH | Android code shrinking |\n| [bundle-hermes-mmap.md][bundle-hermes-mmap] | HIGH | Disable bundle compression |\n| [bundle-native-assets.md][bundle-native-assets] | HIGH | Asset catalog setup |\n| [bundle-library-size.md][bundle-library-size] | MEDIUM | Evaluate dependencies |\n| [bundle-code-splitting.md][bundle-code-splitting] | MEDIUM | Remote chunk loading safeguards |\n\n## Problem → Skill Mapping\n\n| Problem | Start With |\n|---------|------------|\n| App feels slow\u002Fjanky | [js-measure-fps.md][js-measure-fps] → [js-profile-react.md][js-profile-react] |\n| Too many re-renders | [js-profile-react.md][js-profile-react] → [js-react-compiler.md][js-react-compiler] |\n| Slow startup (TTI) | [native-measure-tti.md][native-measure-tti] → [bundle-analyze-js.md][bundle-analyze-js] |\n| Large app size | [bundle-analyze-app.md][bundle-analyze-app] → [bundle-r8-android.md][bundle-r8-android] |\n| Memory growing | [js-memory-leaks.md][js-memory-leaks] or [native-memory-leaks.md][native-memory-leaks] |\n| Animation drops frames | [js-animations-reanimated.md][js-animations-reanimated] |\n| Bottom sheet jank\u002Fre-renders | [js-bottomsheet.md][js-bottomsheet] → [js-animations-reanimated.md][js-animations-reanimated] |\n| List scroll jank | [js-lists-flatlist-flashlist.md][js-lists-flatlist-flashlist] |\n| TextInput lag | [js-uncontrolled-components.md][js-uncontrolled-components] |\n| Native module slow | [native-turbo-modules.md][native-turbo-modules] → [native-threading-model.md][native-threading-model] |\n| Native library alignment issue | [native-android-16kb-alignment.md][native-android-16kb-alignment] |\n\n[references]: references\u002F\n[js-lists-flatlist-flashlist]: references\u002Fjs-lists-flatlist-flashlist.md\n[js-profile-react]: references\u002Fjs-profile-react.md\n[js-measure-fps]: references\u002Fjs-measure-fps.md\n[js-memory-leaks]: references\u002Fjs-memory-leaks.md\n[js-atomic-state]: references\u002Fjs-atomic-state.md\n[js-concurrent-react]: references\u002Fjs-concurrent-react.md\n[js-react-compiler]: references\u002Fjs-react-compiler.md\n[js-animations-reanimated]: references\u002Fjs-animations-reanimated.md\n[js-bottomsheet]: references\u002Fjs-bottomsheet.md\n[js-uncontrolled-components]: references\u002Fjs-uncontrolled-components.md\n[native-turbo-modules]: references\u002Fnative-turbo-modules.md\n[native-sdks-over-polyfills]: references\u002Fnative-sdks-over-polyfills.md\n[native-measure-tti]: references\u002Fnative-measure-tti.md\n[native-threading-model]: references\u002Fnative-threading-model.md\n[native-profiling]: references\u002Fnative-profiling.md\n[native-platform-setup]: references\u002Fnative-platform-setup.md\n[native-view-flattening]: references\u002Fnative-view-flattening.md\n[native-memory-patterns]: references\u002Fnative-memory-patterns.md\n[native-memory-leaks]: references\u002Fnative-memory-leaks.md\n[native-android-16kb-alignment]: references\u002Fnative-android-16kb-alignment.md\n[bundle-barrel-exports]: references\u002Fbundle-barrel-exports.md\n[bundle-analyze-js]: references\u002Fbundle-analyze-js.md\n[bundle-tree-shaking]: references\u002Fbundle-tree-shaking.md\n[bundle-analyze-app]: references\u002Fbundle-analyze-app.md\n[bundle-r8-android]: references\u002Fbundle-r8-android.md\n[bundle-hermes-mmap]: references\u002Fbundle-hermes-mmap.md\n[bundle-native-assets]: references\u002Fbundle-native-assets.md\n[bundle-library-size]: references\u002Fbundle-library-size.md\n[bundle-code-splitting]: references\u002Fbundle-code-splitting.md\n\n## Attribution\n\nBased on \"The Ultimate Guide to React Native Optimization\" by Callstack.\n","# React Native Best Practices\n\n## Overview\n\nPerformance optimization guide for React Native applications, covering JavaScript\u002FReact, Native (iOS\u002FAndroid), and bundling optimizations. Based on Callstack's \"Ultimate Guide to React Native Optimization\".\n\n## When to Apply\n\nReference these guidelines when:\n- Debugging slow\u002Fjanky UI or animations\n- Investigating memory leaks (JS or native)\n- Optimizing app startup time (TTI)\n- Reducing bundle or app size\n- Writing native modules (Turbo Modules)\n- Profiling React Native performance\n- Reviewing React Native code for performance\n\n## Security Notes\n\n- Treat shell commands in these references as local developer operations. Review them before running, prefer version-pinned tooling, and avoid piping remote scripts directly to a shell.\n- Treat third-party libraries and plugins as dependencies that still require normal supply-chain controls: pin versions, verify provenance, and update through your standard review process.\n- Treat remote chunk loading as first-party artifact delivery only. Prefer app-bundled chunks or signed CI release manifests; hosted chunks must come from trusted HTTPS origins you control and be pinned to the current app release.\n\n## Priority-Ordered Guidelines\n\n| Priority | Category | Impact | Prefix |\n|----------|----------|--------|--------|\n| 1 | FPS & Re-renders | CRITICAL | `js-*` |\n| 2 | Bundle Size | CRITICAL | `bundle-*` |\n| 3 | TTI Optimization | HIGH | `native-*`, `bundle-*` |\n| 4 | Native Performance | HIGH | `native-*` |\n| 5 | Memory Management | MEDIUM-HIGH | `js-*`, `native-*` |\n| 6 | Animations | MEDIUM | `js-*` |\n\nImpact labels are triage hints: CRITICAL first, HIGH next, MEDIUM when evidence points there.\n\n## Quick Reference\n\n### Optimization Workflow\n\nFollow this cycle for any performance issue: **Measure → Optimize → Re-measure → Validate**\n\n1. **Measure**: Capture baseline metrics before changes. For runtime issues, prefer commit timeline, re-render counts, slow components, heaviest-commit breakdown, and startup\u002FTTI when available. Component tree depth or count are optional context, not substitutes. Do not recommend memoization, atomic state, or compiler changes without a measured render or FPS problem.\n2. **Optimize**: Apply the targeted fix from the relevant reference\n3. **Re-measure**: Run the same measurement to get updated metrics\n4. **Validate**: Confirm improvement (e.g., FPS 45→60, TTI 3.2s→1.8s, bundle 2.1MB→1.6MB)\n\nIf metrics did not improve, revert and try the next suggested fix.\n\n### Review Guardrails\n\n- Check library versions before suggesting API-specific fixes. Example: FlashList v2 deprecates `estimatedItemSize`, so do not flag it as missing there.\n- Do not suggest `useMemo` or `useCallback` dependency changes unless behavior is demonstrably incorrect or profiling shows wasted work tied to that value.\n- Do not report stale closures speculatively. Show the stale read path, a repro, or profiler evidence before calling it out.\n- When profiling a flow, measure the target interaction itself. Do not treat component tree depth or component count as the main performance evidence.\n\n### Critical: FPS & Re-renders\n\n**Profile first:**\n```bash\nagent-device react-devtools status\nagent-device react-devtools wait --connected\nagent-device react-devtools profile start\nagent-device react-devtools profile stop\nagent-device react-devtools profile slow --limit 5\nagent-device react-devtools profile rerenders --limit 5\nagent-device react-devtools profile timeline --limit 20\n```\n\nDrive the target interaction with normal `agent-device` commands between `profile start` and `profile stop`.\n\nManual fallback when `agent-device` is unavailable: open React Native DevTools from Metro (`j`) or the Dev Menu, use the Profiler tab, and record the same interaction.\n\nFor release-build React component profiling, connect [`@callstack\u002Finspector`](https:\u002F\u002Fgithub.com\u002Fcallstackincubator\u002Finspector#inspector) first so React DevTools can attach to the release app, then run the `agent-device react-devtools` flow above.\n\n**Common fixes:**\n- Replace ScrollView with FlatList\u002FFlashList\u002FLegend List for long lists\n- After profiling shows cascading re-renders, use React Compiler for automatic memoization\n- After profiling shows broad store\u002Fcontext updates, use atomic state (Jotai\u002FZustand) to reduce re-renders\n- Use `useDeferredValue` for expensive computations\n\n### Critical: Bundle Size\n\n**Analyze bundle:**\n```bash\nnpx react-native bundle \\\n  --entry-file index.js \\\n  --bundle-output output.js \\\n  --platform ios \\\n  --sourcemap-output output.js.map \\\n  --dev false --minify true\n\nnpx source-map-explorer output.js --no-border-checks\n```\n\n**Verify improvement after optimization:**\n```bash\n# Record baseline size before changes\nls -lh output.js  # e.g., Before: 2.1 MB\n\n# After applying fixes, re-bundle and compare\nnpx react-native bundle --entry-file index.js --bundle-output output.js \\\n  --platform ios --dev false --minify true\nls -lh output.js  # e.g., After: 1.6 MB  (24% reduction)\n```\n\n**Common fixes:**\n- Avoid barrel imports (import directly from source)\n- Remove unnecessary Intl polyfills only after checking Hermes API and method coverage\n- Evaluate tree shaking (Expo SDK 52+ experimental unused import\u002Fexport removal, or Re.Pack only if already configured)\n- Enable R8 for Android native code shrinking\n\n### High: TTI Optimization\n\n**Measure TTI:**\n- Use `react-native-performance` for markers\n- Only measure cold starts (exclude warm\u002Fhot\u002Fprewarm)\n\n**Common fixes:**\n- For React Native 0.78 and earlier, disable Android JS bundle compression to enable Hermes mmap\n- Use native navigation (react-native-screens)\n- Preload commonly-used expensive screens before navigating to them\n\n### High: Native Performance\n\n**Profile native:**\n- iOS: Xcode Instruments → Time Profiler\n- Android: Android Studio → CPU Profiler\n\n**Common fixes:**\n- Use background threads for heavy native work\n- Prefer async over sync Turbo Module methods\n- Use C++ for cross-platform performance-critical code\n\n## References\n\nFull documentation with code examples in [references\u002F][references]:\n\n### JavaScript\u002FReact (`js-*`)\n\n| File | Impact | Description |\n|------|--------|-------------|\n| [js-lists-flatlist-flashlist.md][js-lists-flatlist-flashlist] | CRITICAL | Replace ScrollView with virtualized lists |\n| [js-profile-react.md][js-profile-react] | MEDIUM | `agent-device react-devtools` profiling |\n| [js-measure-fps.md][js-measure-fps] | HIGH | FPS monitoring and measurement |\n| [js-memory-leaks.md][js-memory-leaks] | MEDIUM | JS memory leak hunting |\n| [js-atomic-state.md][js-atomic-state] | HIGH | Jotai\u002FZustand patterns |\n| [js-concurrent-react.md][js-concurrent-react] | HIGH | useDeferredValue, useTransition |\n| [js-react-compiler.md][js-react-compiler] | HIGH | Automatic memoization |\n| [js-animations-reanimated.md][js-animations-reanimated] | MEDIUM | Reanimated worklets |\n| [js-bottomsheet.md][js-bottomsheet] | HIGH | Bottom sheet optimization |\n| [js-uncontrolled-components.md][js-uncontrolled-components] | HIGH | TextInput optimization |\n\n### Native (`native-*`)\n\n| File | Impact | Description |\n|------|--------|-------------|\n| [native-turbo-modules.md][native-turbo-modules] | HIGH | Building fast native modules |\n| [native-sdks-over-polyfills.md][native-sdks-over-polyfills] | HIGH | Native vs JS libraries |\n| [native-measure-tti.md][native-measure-tti] | HIGH | TTI measurement setup |\n| [native-threading-model.md][native-threading-model] | HIGH | Turbo Module threads |\n| [native-profiling.md][native-profiling] | MEDIUM | Xcode\u002FAndroid Studio profiling |\n| [native-platform-setup.md][native-platform-setup] | MEDIUM | iOS\u002FAndroid tooling guide |\n| [native-view-flattening.md][native-view-flattening] | MEDIUM | View hierarchy debugging |\n| [native-memory-patterns.md][native-memory-patterns] | MEDIUM | C++\u002FSwift\u002FKotlin memory |\n| [native-memory-leaks.md][native-memory-leaks] | MEDIUM | Native memory leak hunting |\n| [native-android-16kb-alignment.md][native-android-16kb-alignment] | CRITICAL | Third-party library alignment for Google Play |\n\n### Bundling (`bundle-*`)\n\n| File | Impact | Description |\n|------|--------|-------------|\n| [bundle-barrel-exports.md][bundle-barrel-exports] | CRITICAL | Avoid barrel imports |\n| [bundle-analyze-js.md][bundle-analyze-js] | CRITICAL | JS bundle visualization |\n| [bundle-tree-shaking.md][bundle-tree-shaking] | HIGH | Dead code elimination |\n| [bundle-analyze-app.md][bundle-analyze-app] | HIGH | App size analysis |\n| [bundle-r8-android.md][bundle-r8-android] | HIGH | Android code shrinking |\n| [bundle-hermes-mmap.md][bundle-hermes-mmap] | HIGH | Disable bundle compression |\n| [bundle-native-assets.md][bundle-native-assets] | HIGH | Asset catalog setup |\n| [bundle-library-size.md][bundle-library-size] | MEDIUM | Evaluate dependencies |\n| [bundle-code-splitting.md][bundle-code-splitting] | MEDIUM | Remote chunk loading safeguards |\n\n## Problem → Skill Mapping\n\n| Problem | Start With |\n|---------|------------|\n| App feels slow\u002Fjanky | [js-measure-fps.md][js-measure-fps] → [js-profile-react.md][js-profile-react] |\n| Too many re-renders | [js-profile-react.md][js-profile-react] → [js-react-compiler.md][js-react-compiler] |\n| Slow startup (TTI) | [native-measure-tti.md][native-measure-tti] → [bundle-analyze-js.md][bundle-analyze-js] |\n| Large app size | [bundle-analyze-app.md][bundle-analyze-app] → [bundle-r8-android.md][bundle-r8-android] |\n| Memory growing | [js-memory-leaks.md][js-memory-leaks] or [native-memory-leaks.md][native-memory-leaks] |\n| Animation drops frames | [js-animations-reanimated.md][js-animations-reanimated] |\n| Bottom sheet jank\u002Fre-renders | [js-bottomsheet.md][js-bottomsheet] → [js-animations-reanimated.md][js-animations-reanimated] |\n| List scroll jank | [js-lists-flatlist-flashlist.md][js-lists-flatlist-flashlist] |\n| TextInput lag | [js-uncontrolled-components.md][js-uncontrolled-components] |\n| Native module slow | [native-turbo-modules.md][native-turbo-modules] → [native-threading-model.md][native-threading-model] |\n| Native library alignment issue | [native-android-16kb-alignment.md][native-android-16kb-alignment] |\n\n[references]: references\u002F\n[js-lists-flatlist-flashlist]: references\u002Fjs-lists-flatlist-flashlist.md\n[js-profile-react]: references\u002Fjs-profile-react.md\n[js-measure-fps]: references\u002Fjs-measure-fps.md\n[js-memory-leaks]: references\u002Fjs-memory-leaks.md\n[js-atomic-state]: references\u002Fjs-atomic-state.md\n[js-concurrent-react]: references\u002Fjs-concurrent-react.md\n[js-react-compiler]: references\u002Fjs-react-compiler.md\n[js-animations-reanimated]: references\u002Fjs-animations-reanimated.md\n[js-bottomsheet]: references\u002Fjs-bottomsheet.md\n[js-uncontrolled-components]: references\u002Fjs-uncontrolled-components.md\n[native-turbo-modules]: references\u002Fnative-turbo-modules.md\n[native-sdks-over-polyfills]: references\u002Fnative-sdks-over-polyfills.md\n[native-measure-tti]: references\u002Fnative-measure-tti.md\n[native-threading-model]: references\u002Fnative-threading-model.md\n[native-profiling]: references\u002Fnative-profiling.md\n[native-platform-setup]: references\u002Fnative-platform-setup.md\n[native-view-flattening]: references\u002Fnative-view-flattening.md\n[native-memory-patterns]: references\u002Fnative-memory-patterns.md\n[native-memory-leaks]: references\u002Fnative-memory-leaks.md\n[native-android-16kb-alignment]: references\u002Fnative-android-16kb-alignment.md\n[bundle-barrel-exports]: references\u002Fbundle-barrel-exports.md\n[bundle-analyze-js]: references\u002Fbundle-analyze-js.md\n[bundle-tree-shaking]: references\u002Fbundle-tree-shaking.md\n[bundle-analyze-app]: references\u002Fbundle-analyze-app.md\n[bundle-r8-android]: references\u002Fbundle-r8-android.md\n[bundle-hermes-mmap]: references\u002Fbundle-hermes-mmap.md\n[bundle-native-assets]: references\u002Fbundle-native-assets.md\n[bundle-library-size]: references\u002Fbundle-library-size.md\n[bundle-code-splitting]: references\u002Fbundle-code-splitting.md\n\n## Attribution\n\nBased on \"The Ultimate Guide to React Native Optimization\" by Callstack.\n",{"name":5,"license":15,"metadata":24,"description":7},{"tags":25,"author":26},"react-native, expo, performance, optimization, profiling","Callstack","master","cf5a64ebdda60d9f3e23731698d6817f48574903",".agent\u002Fskills\u002Freact-native-best-practices copy","https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo","https:\u002F\u002Fgithub.com\u002FMahmoudMater","https:\u002F\u002Fmahmoudmatter.tech","2026-08-30 17:42:11",{"source":8,"skillName":5,"commands":35,"prompt":45,"zipAvailable":46},[36,39,42],{"tool":37,"command":38},"npx","npx skills add MahmoudMater\u002FToyota-Smart-System-demo --skill react-native-best-practices",{"tool":40,"command":41},"bunx","bunx skills add MahmoudMater\u002FToyota-Smart-System-demo --skill react-native-best-practices",{"tool":43,"command":44},"pnpm","pnpm dlx skills add MahmoudMater\u002FToyota-Smart-System-demo --skill react-native-best-practices","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002FSKILL.md",true,[48,54,58,62,66,70,74,78,82,86,90,94,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220],{"path":49,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":52,"sourceHtmlUrl":53},"agents\u002Fopenai.yaml","REFERENCE","参考文档",227,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Fagents\u002Fopenai.yaml",{"path":55,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":56,"sourceHtmlUrl":57},"POWER.md",8312,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002FPOWER.md",{"path":59,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":60,"sourceHtmlUrl":61},"references\u002Fbundle-analyze-app.md",5461,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-analyze-app.md",{"path":63,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":64,"sourceHtmlUrl":65},"references\u002Fbundle-analyze-js.md",7029,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-analyze-js.md",{"path":67,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":68,"sourceHtmlUrl":69},"references\u002Fbundle-barrel-exports.md",5406,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-barrel-exports.md",{"path":71,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":72,"sourceHtmlUrl":73},"references\u002Fbundle-code-splitting.md",7545,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-code-splitting.md",{"path":75,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":76,"sourceHtmlUrl":77},"references\u002Fbundle-hermes-mmap.md",4133,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-hermes-mmap.md",{"path":79,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":80,"sourceHtmlUrl":81},"references\u002Fbundle-library-size.md",4150,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-library-size.md",{"path":83,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":84,"sourceHtmlUrl":85},"references\u002Fbundle-native-assets.md",5041,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-native-assets.md",{"path":87,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":88,"sourceHtmlUrl":89},"references\u002Fbundle-r8-android.md",5356,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-r8-android.md",{"path":91,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":92,"sourceHtmlUrl":93},"references\u002Fbundle-tree-shaking.md",5690,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fbundle-tree-shaking.md",{"path":95,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":98,"sourceHtmlUrl":99},"references\u002Fimages\u002Fbundle-treemap-source-map-explorer.png","ASSET","资产文件",667493,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fbundle-treemap-source-map-explorer.png",{"path":101,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":102,"sourceHtmlUrl":103},"references\u002Fimages\u002Fcontrolled-textinput-pingpong.png",127223,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fcontrolled-textinput-pingpong.png",{"path":105,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":106,"sourceHtmlUrl":107},"references\u002Fimages\u002Fdevtools-flamegraph.png",520655,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fdevtools-flamegraph.png",{"path":109,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":110,"sourceHtmlUrl":111},"references\u002Fimages\u002Femerge-xray-ios.png",439669,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Femerge-xray-ios.png",{"path":113,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":114,"sourceHtmlUrl":115},"references\u002Fimages\u002Fexpo-atlas-treemap.png",618904,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fexpo-atlas-treemap.png",{"path":117,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":118,"sourceHtmlUrl":119},"references\u002Fimages\u002Fflashlight-flatlist-vs-flashlist.png",313215,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fflashlight-flatlist-vs-flashlist.png",{"path":121,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":122,"sourceHtmlUrl":123},"references\u002Fimages\u002Ffps-drop-graph.png",152493,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Ffps-drop-graph.png",{"path":125,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":126,"sourceHtmlUrl":127},"references\u002Fimages\u002Fmemory-heap-snapshot.png",308032,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fmemory-heap-snapshot.png",{"path":129,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":130,"sourceHtmlUrl":131},"references\u002Fimages\u002Ftti-warm-start-diagram.png",127254,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Ftti-warm-start-diagram.png",{"path":133,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":134,"sourceHtmlUrl":135},"references\u002Fimages\u002Fview-hierarchy-flattening.png",2587021,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fview-hierarchy-flattening.png",{"path":137,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":138,"sourceHtmlUrl":139},"references\u002Fimages\u002Fxcode-instruments-templates.png",408360,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fxcode-instruments-templates.png",{"path":141,"resourceType":96,"resourceTypeDesc":97,"sizeBytes":142,"sourceHtmlUrl":143},"references\u002Fimages\u002Fxcode-thread-view.png",178440,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fimages\u002Fxcode-thread-view.png",{"path":145,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":146,"sourceHtmlUrl":147},"references\u002Fjs-animations-reanimated.md",8015,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-animations-reanimated.md",{"path":149,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":150,"sourceHtmlUrl":151},"references\u002Fjs-atomic-state.md",5267,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-atomic-state.md",{"path":153,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":154,"sourceHtmlUrl":155},"references\u002Fjs-bottomsheet.md",12199,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-bottomsheet.md",{"path":157,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":158,"sourceHtmlUrl":159},"references\u002Fjs-concurrent-react.md",6652,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-concurrent-react.md",{"path":161,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":162,"sourceHtmlUrl":163},"references\u002Fjs-lists-flatlist-flashlist.md",5998,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-lists-flatlist-flashlist.md",{"path":165,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":166,"sourceHtmlUrl":167},"references\u002Fjs-measure-fps.md",5306,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-measure-fps.md",{"path":169,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":170,"sourceHtmlUrl":171},"references\u002Fjs-memory-leaks.md",5301,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-memory-leaks.md",{"path":173,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":174,"sourceHtmlUrl":175},"references\u002Fjs-profile-react.md",5871,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-profile-react.md",{"path":177,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":178,"sourceHtmlUrl":179},"references\u002Fjs-react-compiler.md",7372,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-react-compiler.md",{"path":181,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":182,"sourceHtmlUrl":183},"references\u002Fjs-uncontrolled-components.md",5492,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fjs-uncontrolled-components.md",{"path":185,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":186,"sourceHtmlUrl":187},"references\u002Fnative-android-16kb-alignment.md",3761,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-android-16kb-alignment.md",{"path":189,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":190,"sourceHtmlUrl":191},"references\u002Fnative-measure-tti.md",6527,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-measure-tti.md",{"path":193,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":194,"sourceHtmlUrl":195},"references\u002Fnative-memory-leaks.md",5627,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-memory-leaks.md",{"path":197,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":198,"sourceHtmlUrl":199},"references\u002Fnative-memory-patterns.md",5986,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-memory-patterns.md",{"path":201,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":202,"sourceHtmlUrl":203},"references\u002Fnative-platform-setup.md",3786,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-platform-setup.md",{"path":205,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":206,"sourceHtmlUrl":207},"references\u002Fnative-profiling.md",4358,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-profiling.md",{"path":209,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":210,"sourceHtmlUrl":211},"references\u002Fnative-sdks-over-polyfills.md",6279,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-sdks-over-polyfills.md",{"path":213,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":214,"sourceHtmlUrl":215},"references\u002Fnative-threading-model.md",6882,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-threading-model.md",{"path":217,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":218,"sourceHtmlUrl":219},"references\u002Fnative-turbo-modules.md",5650,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-turbo-modules.md",{"path":221,"resourceType":50,"resourceTypeDesc":51,"sizeBytes":222,"sourceHtmlUrl":223},"references\u002Fnative-view-flattening.md",5236,"https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices copy\u002Freferences\u002Fnative-view-flattening.md",[225,230,237,244,251],{"skillNo":226,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":227,"categories":228,"keywords":229,"publishedAt":19},"01M7AD7AHMRFJETWH9GB2N02VN","https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Freact-native-best-practices\u002FSKILL.md",[],[],{"skillNo":231,"name":232,"nameZh":6,"description":233,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":234,"categories":235,"keywords":236,"publishedAt":19},"01M7AD2B2HBH7WA6SR3MVXS0CJ","design-system-starter","Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.","https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fdesign-system-starter\u002FSKILL.md",[],[],{"skillNo":238,"name":239,"nameZh":6,"description":240,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":241,"categories":242,"keywords":243,"publishedAt":19},"01M7AD278VZPFY3GK7VMP43EH5","dependency-updater","Smart dependency management for any language. Auto-detects project type, applies safe updates automatically, prompts for major versions, diagnoses and fixes dependency issues.","https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fdependency-updater\u002FSKILL.md",[],[],{"skillNo":245,"name":246,"nameZh":6,"description":247,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":248,"categories":249,"keywords":250,"publishedAt":19},"01M7AD1X4M127QR3SFE7VPZT43","database-schema-designer","Design robust, scalable database schemas for SQL and NoSQL databases. Provides normalization guidelines, indexing strategies, migration patterns, constraint design, and performance optimization. Ensures data integrity, query performance, and maintainable data models.","https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fdatabase-schema-designer\u002FSKILL.md",[],[],{"skillNo":252,"name":253,"nameZh":6,"description":254,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":255,"categories":256,"keywords":257,"publishedAt":19},"01M7AD0GNWH4X9QWX60XSNDMWN","agent-md-refactor","Refactor bloated AGENTS.md, CLAUDE.md, or similar agent instruction files to follow progressive disclosure principles. Splits monolithic files into organized, linked documentation.","https:\u002F\u002Fgithub.com\u002FMahmoudMater\u002FToyota-Smart-System-demo\u002Fblob\u002Fmaster\u002F.agent\u002Fskills\u002Fagent-md-refactor\u002FSKILL.md",[],[]]