Skill عملی برای AI Agent
React Native Best Practices
برای بهینهسازی performance اپهای React Native، بررسی FPS، memory، startup time و bundle size استفاده میشود.
آمادهتوسعه موبایلپیشرفتهبهروزرسانی ۱۶ تیر ۱۴۰۵
1
این Skill چه کاری میکند؟
این Skill یک مسیر عملی برای اندازهگیری و بهبود performance در React Native میدهد؛ از profiling و list performance تا memory، startup time و bundle size.
2
ورودی لازم
- اپ React Native یا Expo
- نشانه کندی یا jank
- metricهای فعلی مثل FPS یا TTI
- محدودیت دستگاه یا پلتفرم
3
خروجی نهایی
- baseline performance
- اولویتهای optimization
- چکلیست profiling
- اقدامهای قابل تست
4
مناسب کدام Agentهاست؟
Claude CodeCursorCodexGitHub CopilotGemini
5
Copy Prompt / Workflow
این اپ React Native را از نظر performance بررسی کن. اول baseline و metricهای لازم را مشخص کن، بعد bottleneckهای محتمل، قدمهای profiling و اصلاحهای کمریسک را بده. خروجی باید قابل تست و مرحلهای باشد.
6
آموزش استفاده مرحلهای
- سناریوی کندی یا performance issue را مشخص کن.
- metric فعلی یا روش اندازهگیری را بنویس.
- bottleneckها را به JS، native، list، animation، memory یا bundle تقسیم کن.
- برای هر مورد یک تست تایید بعد از اصلاح پیشنهاد بده.
7
مثال واقعی
برای یک اپ Expo که هنگام اسکرول list جank دارد، این Skill bottleneckهای JS و render را جدا میکند و یک plan کمریسک میدهد.
8
خطاهای رایج
- شروع optimization بدون baseline
- تغییر همزمان چند عامل
- نادیده گرفتن دستگاه واقعی
- تمرکز روی code style بهجای metric
9
منبع و نصب Skill
منبع اصلی و تأییدشده در skills.sh
npx skills add https://github.com/callstackincubator/agent-skills --skill react-native-best-practices
10