دليل قراءة متعدد اللغات للمهارة
web-artifacts-builderالغرض والاستخدام والمصدر
مجموعة أدوات لإنشاء عناصر HTML معقدة ومتعددة المكونات باستخدام تقنيات الويب الحديثة (React، Tailwind CSS،shadcn/uiيُستخدم للعناصر المعقدة التي تتطلب إدارة الحالة أو التوجيه أوshadcn/uiالمكونات - ليست لملف واحد بسيطHTML/JSXالقطع الأثرية.
تم استرجاع المصدر:
- مستودع المصدر
- anthropics/skills
- SKILL.md
skills/web-artifacts-builder/SKILL.md- نجوم المستودع
- 185,373
- آخر تحديث للمستودع
- 2026-10-29
- تصنيف القدرات
- تطوير
- وقت التجميع الأخير
الترخيص: ملف الترخيص بحاجة إلى التحقق
مقتطفات سير العمل هي أدوات مساعدة للقراءة، وليست تعليمات تنفيذية من Codez. لم يتم تشغيل أي مهارة تابعة لجهة خارجية لإنتاج هذه الصفحة.
تُعدّ فقرات الغرض وسير العمل الواردة أدناه موادًا أساسية، مُنظّمة ومترجمة لتسهيل القراءة. وهي تختلف عن التحليل التحريري لـ Codez المُصنّف بشكل منفصل.
ما تفعله هذه المهارة
مجموعة أدوات لإنشاء عناصر HTML معقدة ومتعددة المكونات باستخدام تقنيات الويب الحديثة (React، Tailwind CSS،shadcn/uiيُستخدم للعناصر المعقدة التي تتطلب إدارة الحالة أو التوجيه أوshadcn/uiالمكونات - ليست لملف واحد بسيطHTML/JSXالقطع الأثرية.
طريقة الاستخدام وفق المستند الأصلي
خطوة1: تهيئة المشروع
شغّل سكربت التهيئة لإنشاء مشروع React جديد: سيؤدي هذا إلى إنشاء مشروع مُهيأ بالكامل مع: ✅ React + TypeScript (عبر Vite) ✅ Tailwind CSS3.4.1معshadcn/uiنظام السمات
مقتطف من المصدر · L24 ↗خطوة2: تطوير منتجك
لإنشاء المنتج، قم بتحرير الملفات المُنشأة. راجع مهام التطوير الشائعة أدناه للحصول على الإرشادات.
مقتطف من المصدر · L41 ↗خطوة3: تجميع الملفات في ملف HTML واحد
لتجميع تطبيق React في عنصر HTML واحد: هذا يُنشئbundle.html- ملف مستقل بذاته يحتوي على جميع أكواد JavaScript وCSS والتبعيات مضمنة. يمكن مشاركة هذا الملف مباشرةً في محادثات Claude كملف مستقل. المتطلبات: يجب أن يتضمن مشروعكindex.htmlفي المجلد الرئيسي. ما يفعله البرنامج النصي:
bash scripts/init-artifact.sh <project-name>
cd <project-name>المتطلبات والإعداد
لم يتم اختيار أي فقرة متطلبات مختصرة من هذا الملف. هذا لا يعني أن المهارة لا تعتمد على أي ملفات أخرى. راجع تعليمات إعداد المستودع والملفات المرجعية.
الحدود وفحوصات الجودة
لم يتم تحديد أي مقطع حدود منفصل من هذا الملف. هذا لا يعني أن المهارة آمنة لكل مدخلات أو بيئة. راجع المصدر بالكامل وتحقق من صحة النتيجة بنفسك.
ابدأ بتجربة آمنة
- تحقق من المضيف المدعوم وتعليمات تثبيت المستودع. احتفظ بمجلد المهارات والبرامج النصية والأصول والوثائق المشار إليها معًا؛SKILL.mdقد يؤدي وجود شخص واحد فقط إلى إغفال بعض التبعيات.
- زوّد البرنامج ببياناتك الفعلية، والمخرجات المطلوبة، ومعايير القبول. يعتمد بناء جملة الاستدعاء والأدوات المتاحة على النظام المضيف؛ ولا يفترض هذا الموقع وجود أمر تثبيت موحد.
- جرّب سير العمل الأصلي في مشروع مؤقت أو على نسخة احتياطية. راجع العمليات التي تُغيّر الملفات أو الخدمات البعيدة أو الموارد القابلة للفوترة قبل السماح بها.
- تحقق من صحة المخرجات بمقارنتها بفحوصات جودة المصدر ومتطلباتك الخاصة. لا يُعدّ نجاح عملية التشغيل أو ارتفاع عدد النجوم في المستودع دليلاً على صحة النتيجة.
اقرأ المزيد في المصدر
المهارات ذات الصلة
الترجمة والنطاق
يختار دليل القراءة هذا مقاطع من المصدر الرئيسي المثبتSKILL.mdهذه الترجمة مساعدة. وهي ليست دليلاً كاملاً ولا تضمن التوافق المُختَبَر. يُرجى قراءة النص الأصلي والملفات المُشار إليها قبل الاستخدام.
تشير هذه المقدمة إلى النسخة المثبتة أدناه؛ ويتم عرض نشاط المستودع الحالي ووقت التجميع بشكل منفصل.
- المصدر بإصدار ثابت
- اقرأ الأصل ↗
- تم استرجاع المصدر
- معرّف نسخة Git
ca45fc496a3436251f191354091d557da31c15b5- المصدر SHA-256
81c5002c6643b0de7b8710b00e7a9038daa6fb9b68d59870ee6adb12da8d10f8