callstack-best-practices
CommunityMaster React Native performance best practices.
Authorbidah
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Guides agents through structured React Native performance diagnostics so they do not guess solutions without measurable data, guardrails, or category-driven prioritization across FPS, TTI, bundle size, memory, and animation concerns.
Core Features & Use Cases
- Impactful guidance: Prioritizes FPS, bundle size, TTI, native performance, memory, and animation improvements in the order Callstack recommends, so agents focus on the biggest wins first.
- Reference library: Maps specific problem patterns (e.g., janky lists, memory growth, Hermes startup) to targeted reference files covering JS, native, and bundling topics with impact tags.
- Security guardrails: Emphasizes reviewing commands, avoiding unsafe scripts, and validating third-party dependencies before recommending instrumentation or fixes, ensuring responsible optimization.
Quick Start
Ask the agent to apply the callstack-best-practices skill to diagnose a slow React Native screen and recommend prioritized optimizations.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: callstack-best-practices Download link: https://github.com/bidah/react-native-hifi/archive/main.zip#callstack-best-practices Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.