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

آموزش استفاده مرحله‌ای

  1. سناریوی کندی یا performance issue را مشخص کن.
  2. metric فعلی یا روش اندازه‌گیری را بنویس.
  3. bottleneckها را به JS، native، list، animation، memory یا bundle تقسیم کن.
  4. برای هر مورد یک تست تایید بعد از اصلاح پیشنهاد بده.
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
React / Next.jsآمادهپیشرفته

Vercel React Best Practices

برای بررسی و بهینه‌سازی کد React و Next.js با قوانین کاربردی Vercel استفاده می‌شود.

ورودیrepo یا snippet کد
خروجیفهرست اولویت بهبود
Compatible Agents
Claude CodeCursorCodexGitHub CopilotWindsurfGemini
خروجی نهایی

فهرست اولویت بهبود · اشاره به bottleneckها · workflow اجرایی · معیار تست بعد از تغییر

تست وبآمادهمتوسط

Webapp Testing

برای تست عملی وب‌اپلیکیشن، سناریوهای کاربر و گزارش خطا با Agent استفاده می‌شود.

ورودیURL یا محیط staging
خروجیگزارش تست
Compatible Agents
Claude CodeCursorCodexGeminiWindsurf
خروجی نهایی

گزارش تست · مراحل بازتولید · خطاهای دقیق · پیشنهاد رفع

QA / Verificationآمادهساده

Verification Before Completion

برای چک نهایی قبل از اعلام اتمام کار توسط Agent استفاده می‌شود.

ورودیکار انجام‌شده
خروجیچک‌لیست تایید
Compatible Agents
Claude CodeCursorCodexGeminiChatGPT
خروجی نهایی

چک‌لیست تایید · موارد ناقص · خطاهای احتمالی · مرحله بعدی