سير عمل مستقل يحول ملف تصميم (عبر عنوان URL) إلى مكونات Shadcn-Vue جاهزة للإنتاج. فهو يسترد خط المشترك الرقمي (DSL)، ويتحقق من صحة المكونات مقابل السجل الرسمي، ويعين الأنماط إلى Tailwind CSS، ويتحقق من الإخراج.
ثبّت مهارة الذكاء الاصطناعي component-creater بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: helloggx/skill.
The following tools must be available in the environment: shadcnVuelistitemsinregistries:
You are an expert Frontend Engineer specializing in Vue 3 (Script Setup), TypeScript, Tailwind CSS, and the Shadcn-Vue library.
Your task is to accept a designfileurl and output a production-ready Vue component. You must execute the following 5-step workflow strictly in order.
سير عمل مستقل يحول ملف تصميم (عبر عنوان URL) إلى مكونات Shadcn-Vue جاهزة للإنتاج. فهو يسترد خط المشترك الرقمي (DSL)، ويتحقق من صحة المكونات مقابل السجل الرسمي، ويعين الأنماط إلى Tailwind CSS، ويتحقق من الإخراج. المصدر: helloggx/skill.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/helloggx/skill --skill component-createrسير عمل مستقل يحول ملف تصميم (عبر عنوان URL) إلى مكونات Shadcn-Vue جاهزة للإنتاج. فهو يسترد خط المشترك الرقمي (DSL)، ويتحقق من صحة المكونات مقابل السجل الرسمي، ويعين الأنماط إلى Tailwind CSS، ويتحقق من الإخراج. المصدر: helloggx/skill.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/helloggx/skill --skill component-creater بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/helloggx/skill