ما هي react-artifacts؟
يُستخدم عند "إنشاء عناصر React" أو "إنشاء عناصر HTML" أو "تجميع تطبيقات React" أو "ملف HTML فردي" أو السؤال عن "منشئ العناصر" أو "مكونات shadcn" أو "عناصر Tailwind" المصدر: eyadsibai/ltk.
·react-artifacts
</>
react-artifacts
✓يُستخدم عند "إنشاء عناصر React" أو "إنشاء عناصر HTML" أو "تجميع تطبيقات React" أو "ملف HTML فردي" أو السؤال عن "منشئ العناصر" أو "مكونات shadcn" أو "عناصر Tailwind"
التثبيت
كيفية تثبيت react-artifacts
ثبّت مهارة الذكاء الاصطناعي react-artifacts بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/eyadsibai/ltk --skill react-artifacts
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: eyadsibai/ltk.
SKILL.md
عرض النص الخامCreate elaborate, multi-component claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui.
Creates bundle.html - self-contained artifact with all JS, CSS, and dependencies inlined.
يُستخدم عند "إنشاء عناصر React" أو "إنشاء عناصر HTML" أو "تجميع تطبيقات React" أو "ملف HTML فردي" أو السؤال عن "منشئ العناصر" أو "مكونات shadcn" أو "عناصر Tailwind" المصدر: eyadsibai/ltk.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/eyadsibai/ltk --skill react-artifacts بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/eyadsibai/ltk --skill react-artifacts- المصدر
- eyadsibai/ltk
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-17
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت react-artifacts؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/eyadsibai/ltk --skill react-artifacts بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/eyadsibai/ltk
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-17