مجموعة من الأدوات لإنشاء عناصر HTML معقدة ومتعددة المكونات claude.ai باستخدام تقنيات الويب الأمامية الحديثة (React وTailwind CSS وshadcn/ui). يُستخدم مع العناصر المعقدة التي تتطلب إدارة الحالة أو التوجيه أو مكونات shadcn/ui - وليس مع عناصر HTML/JSX البسيطة ذات الملف الواحد.
ثبّت مهارة الذكاء الاصطناعي web-artifacts-builder بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: forever-efficient/pitfal-solutions-website.
Stack: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn/ui
VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.
Bundle the React app into a single HTML artifact. This creates bundle.html - a self-contained artifact with all JavaScript, CSS, and dependencies inlined.
مجموعة من الأدوات لإنشاء عناصر HTML معقدة ومتعددة المكونات claude.ai باستخدام تقنيات الويب الأمامية الحديثة (React وTailwind CSS وshadcn/ui). يُستخدم مع العناصر المعقدة التي تتطلب إدارة الحالة أو التوجيه أو مكونات shadcn/ui - وليس مع عناصر HTML/JSX البسيطة ذات الملف الواحد. المصدر: forever-efficient/pitfal-solutions-website.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/forever-efficient/pitfal-solutions-website --skill web-artifacts-builderBrowse more skills from forever-efficient/pitfal-solutions-website
مجموعة من الأدوات لإنشاء عناصر HTML معقدة ومتعددة المكونات claude.ai باستخدام تقنيات الويب الأمامية الحديثة (React وTailwind CSS وshadcn/ui). يُستخدم مع العناصر المعقدة التي تتطلب إدارة الحالة أو التوجيه أو مكونات shadcn/ui - وليس مع عناصر HTML/JSX البسيطة ذات الملف الواحد. المصدر: forever-efficient/pitfal-solutions-website.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/forever-efficient/pitfal-solutions-website --skill web-artifacts-builder بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/forever-efficient/pitfal-solutions-website