·frontend-engineer
</>

frontend-engineer

إرشادات تطوير الواجهة الأمامية لتطبيقات React/TypeScript. الأنماط الحديثة بما في ذلك Suspense، والتحميل البطيء، وuseSuspenseQuery، وتنظيم الملفات مع دليل الميزات، وتصميم MUI v7، وTanStack Router، وتحسين الأداء، وأفضل ممارسات TypeScript. يُستخدم عند إنشاء المكونات أو الصفحات أو الميزات أو جلب البيانات أو التصميم أو التوجيه أو العمل باستخدام كود الواجهة الأمامية.

127التثبيتات·5الرائج·@siviter-xyz

التثبيت

$npx skills add https://github.com/siviter-xyz/dot-agent --skill frontend-engineer

كيفية تثبيت frontend-engineer

ثبّت مهارة الذكاء الاصطناعي frontend-engineer بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/siviter-xyz/dot-agent --skill frontend-engineer
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: siviter-xyz/dot-agent.

Comprehensive guide for modern React development, emphasizing Suspense-based data fetching, lazy loading, proper file organization, and performance optimization.

إرشادات تطوير الواجهة الأمامية لتطبيقات React/TypeScript. الأنماط الحديثة بما في ذلك Suspense، والتحميل البطيء، وuseSuspenseQuery، وتنظيم الملفات مع دليل الميزات، وتصميم MUI v7، وTanStack Router، وتحسين الأداء، وأفضل ممارسات TypeScript. يُستخدم عند إنشاء المكونات أو الصفحات أو الميزات أو جلب البيانات أو التصميم أو التوجيه أو العمل باستخدام كود الواجهة الأمامية. المصدر: siviter-xyz/dot-agent.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/siviter-xyz/dot-agent --skill frontend-engineer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

معتمدة أمنيا لكود موثوق وآمن تثبيت بنقرة واحدة مع إعداد مبسّط متوافقة مع Claude Code وCursor وOpenClaw والمزيد

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/siviter-xyz/dot-agent --skill frontend-engineer
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from siviter-xyz/dot-agent

إجابات سريعة

ما هي frontend-engineer؟

إرشادات تطوير الواجهة الأمامية لتطبيقات React/TypeScript. الأنماط الحديثة بما في ذلك Suspense، والتحميل البطيء، وuseSuspenseQuery، وتنظيم الملفات مع دليل الميزات، وتصميم MUI v7، وTanStack Router، وتحسين الأداء، وأفضل ممارسات TypeScript. يُستخدم عند إنشاء المكونات أو الصفحات أو الميزات أو جلب البيانات أو التصميم أو التوجيه أو العمل باستخدام كود الواجهة الأمامية. المصدر: siviter-xyz/dot-agent.

كيف أثبّت frontend-engineer؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/siviter-xyz/dot-agent --skill frontend-engineer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/siviter-xyz/dot-agent

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01