مجموعة أدوات لإنشاء عناصر HTML معقدة ومتعددة المكونات لـ claude.ai باستخدام تقنيات الويب الأمامية الحديثة (React وTailwind CSS وshadcn/ui). استخدمه مع العناصر المعقدة التي تتطلب إدارة الحالة أو التوجيه أو مكونات shadcn/ui. ليس لعناصر HTML/JSX البسيطة ذات الملف الواحد.
ثبّت مهارة الذكاء الاصطناعي web-artifacts-builder بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: icartsh/icartsh_plugin.
기술 스택(Stack): React 18 + TypeScript + Vite + Parcel (번들링) + Tailwind CSS + shadcn/ui
매우 중요: "AI가 만든 뻔한 느낌(AI slop)"을 피하기 위해, 과도한 중앙 정렬 레이아웃, 보라색 그라데이션, 일률적인 둥근 모서리, Inter 폰트 사용을 지양하세요.
생성된 파일들을 편집하여 artifact를 빌드합니다. 안내가 필요한 경우 아래의 일반적인 개발 작업을 참조하세요.
مجموعة أدوات لإنشاء عناصر HTML معقدة ومتعددة المكونات لـ claude.ai باستخدام تقنيات الويب الأمامية الحديثة (React وTailwind CSS وshadcn/ui). استخدمه مع العناصر المعقدة التي تتطلب إدارة الحالة أو التوجيه أو مكونات shadcn/ui. ليس لعناصر HTML/JSX البسيطة ذات الملف الواحد. المصدر: icartsh/icartsh_plugin.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builderمجموعة أدوات لإنشاء عناصر HTML معقدة ومتعددة المكونات لـ claude.ai باستخدام تقنيات الويب الأمامية الحديثة (React وTailwind CSS وshadcn/ui). استخدمه مع العناصر المعقدة التي تتطلب إدارة الحالة أو التوجيه أو مكونات shadcn/ui. ليس لعناصر HTML/JSX البسيطة ذات الملف الواحد. المصدر: icartsh/icartsh_plugin.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/icartsh/icartsh_plugin