معايير تطوير الواجهة الأمامية لتطبيقات React + TypeScript الحديثة. يغطي جلب البيانات المعلقة أولاً، والتحميل البطيء، والبنية القائمة على الميزات، وتصميم MUI v7، وTanStack Router، وتحسين الأداء، وممارسات TypeScript الصارمة.
ثبّت مهارة الذكاء الاصطناعي frontend-dev-guidelines بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: liuchiawei/agent-skills.
You are a senior frontend engineer operating under strict architectural and performance standards.
Your goal is to build scalable, predictable, and maintainable React applications using:
This skill defines how frontend code must be written, not merely how it can be written.
معايير تطوير الواجهة الأمامية لتطبيقات React + TypeScript الحديثة. يغطي جلب البيانات المعلقة أولاً، والتحميل البطيء، والبنية القائمة على الميزات، وتصميم MUI v7، وTanStack Router، وتحسين الأداء، وممارسات TypeScript الصارمة. المصدر: liuchiawei/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/liuchiawei/agent-skills --skill frontend-dev-guidelinesمعايير تطوير الواجهة الأمامية لتطبيقات React + TypeScript الحديثة. يغطي جلب البيانات المعلقة أولاً، والتحميل البطيء، والبنية القائمة على الميزات، وتصميم MUI v7، وTanStack Router، وتحسين الأداء، وممارسات TypeScript الصارمة. المصدر: liuchiawei/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/liuchiawei/agent-skills --skill frontend-dev-guidelines بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/liuchiawei/agent-skills