قم بإنشاء مكونات شعار بمتغيرات متعددة (رمز، علامة نصية، شعار) وأوضاع فاتحة/داكنة. يتم استخدامه عندما يقدم المستخدم ملفات شعار SVG ويريد إنشاء مكون شعار يعتمد على المتغير باتباع نمط Clerk في مشروع Elements.
ثبّت مهارة الذكاء الاصطناعي logo-with-variants بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: crafter-station/elements.
Creates logo components with variant support following the established pattern in Elements codebase.
Reference implementation: Check src/components/ui/logos/clerk.tsx for the exact pattern to follow.
CRITICAL: The variants array MUST list ALL combinations explicitly in {base}-{mode} format (e.g., "icon-dark", "logo-light"). This is what makes the variant count badge (e.g., "6") appear correctly in the UI. Do NOT just list base names like ["icon", "logo", "wordmark"].
قم بإنشاء مكونات شعار بمتغيرات متعددة (رمز، علامة نصية، شعار) وأوضاع فاتحة/داكنة. يتم استخدامه عندما يقدم المستخدم ملفات شعار SVG ويريد إنشاء مكون شعار يعتمد على المتغير باتباع نمط Clerk في مشروع Elements. المصدر: crafter-station/elements.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/crafter-station/elements --skill logo-with-variantsقم بإنشاء مكونات شعار بمتغيرات متعددة (رمز، علامة نصية، شعار) وأوضاع فاتحة/داكنة. يتم استخدامه عندما يقدم المستخدم ملفات شعار SVG ويريد إنشاء مكون شعار يعتمد على المتغير باتباع نمط Clerk في مشروع Elements. المصدر: crafter-station/elements.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/crafter-station/elements --skill logo-with-variants بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/crafter-station/elements