Skill عملی برای AI Agent

Vercel React Native Skills

برای بهینه‌سازی اپ‌های React Native و Expo با مسیر اجرایی روشن استفاده می‌شود.

آمادهموبایلمتوسطبه‌روزرسانی ۱۶ تیر ۱۴۰۵
1

این Skill چه کاری می‌کند؟

این Skill کمک می‌کند اپ React Native یا Expo را با تمرکز روی کیفیت اجرا بررسی کنید. ساختار پروژه، نیازهای پلتفرم و کارهای بهینه‌سازی را به قدم‌های عملی تبدیل می‌کند. برای تیم‌هایی که هم سرعت می‌خواهند و هم نظم، مفید است.

2

ورودی لازم

  • پروژه React Native
  • Expo یا bare
  • نیاز بهینه‌سازی
  • محدودیت پلتفرم
3

خروجی نهایی

  • plan بهینه‌سازی
  • گام‌های اجرا
  • نکات سازگاری
  • اولویت تغییر
4

مناسب کدام Agentهاست؟

Claude CodeCursorCodexGitHub CopilotGemini
5

Copy Prompt / Workflow

پروژه React Native را برای بهینه‌سازی و اجرا بررسی کن. ورودی: ساختار پروژه، Expo یا bare و محدودیت‌ها. خروجی: plan اجرایی، نکات سازگاری و اولویت تغییر.
6

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

  1. نوع پروژه و فریم‌ورک را مشخص کن.
  2. از Skill بخواه بخش‌های پرریسک را جدا کند.
  3. بهینه‌سازی‌های مهم را بر اساس اثر بچین.
  4. بعد از تغییر، build و اجرای موبایل را تست کن.
7

مثال واقعی

برای یک اپ Expo، این Skill می‌تواند لیست بهینه‌سازی‌های اولیه و نکات سازگاری را آماده کند.
8

خطاهای رایج

  • نوع پروژه را مبهم می‌گویی.
  • فقط performance را می‌خواهی و سازگاری را فراموش می‌کنی.
  • تست روی دستگاه واقعی را انجام نمی‌دهی.
9

منبع و نصب Skill

منبع اصلی و تأییدشده در skills.sh

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills
10
طراحی UIآمادهمتوسط

Frontend Design

برای طراحی رابط کاربری متفاوت، قابل اجرا و مناسب Agentها در پروژه‌های فرانت‌اند استفاده می‌شود.

ورودینوع محصول
خروجیجهت بصری
Compatible Agents
Claude CodeCursorCodexWindsurfGemini
خروجی نهایی

جهت بصری · چیدمان صفحه · پیشنهاد رنگ و تایپوگرافی · راهنمای اجرای UI

طراحی موبایلآمادهمتوسط

ImageGen Frontend Mobile

برای ساخت رابط موبایل با ورودی تصویر و خروجی UI آماده استفاده می‌شود.

ورودیتصویر مرجع
خروجیاسکلت رابط موبایل
Compatible Agents
Claude CodeCursorCodexWindsurfGemini
خروجی نهایی

اسکلت رابط موبایل · چیدمان componentها · اولویت stateها · نکات اجرای UI

استقرارآمادهساده

Deploy to Vercel

برای دیپلوی سریع و گرفتن preview URL در Vercel استفاده می‌شود.

ورودیپروژه آماده
خروجیمراحل deploy
Compatible Agents
Claude CodeCursorCodexGitHub CopilotGemini
خروجی نهایی

مراحل deploy · preview URL · چک‌لیست انتشار · نکات بررسی