·create-element
*

create-element

✓
crafter-station/elementsGitHub: crafter-station/elementsالمصدر: crafter-station/elements

قم بإنشاء عناصر واجهة مستخدم جديدة لسجل Tryelements.dev. يُستخدم عندما: (1) إضافة مكونات واجهة مستخدم جديدة (الأزرار، والمدخلات، والبطاقات)، (2) بناء مكونات التكامل (Clerk، Stripe، Uploadthing)، (3) إنشاء عناصر متعلقة بالموضوع، (4) أي مكون تسجيل بنمط shadcn. هام: بالنسبة لمكونات الشعار ذات المتغيرات (أيقونة/علامة نصية/شعار + داكن/فاتح)، استخدم مهارة الشعار مع المتغيرات بدلاً من ذلك. تتضمن هذه المهارة السقالات ومخطط التسجيل وأنماط المكونات. استخدم دائمًا context7 MCP لجلب أحدث مستندات التبعية قبل التنفيذ.

crafter-station·create·element
19التثبيتات·0الرائج·@crafter-station

التثبيت

GitHub: crafter-station/elements
$npx skills add https://github.com/crafter-station/elements --skill create-element

كيفية تثبيت create-element

ثبّت مهارة الذكاء الاصطناعي create-element بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/crafter-station/elements --skill create-element
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: crafter-station/elements.

SKILL.md

عرض النص الخام

Before implementing any component with external dependencies, fetch the latest documentation:

| radix-ui | Primitives (Dialog, Dropdown, Tabs, Select) | | next-themes | Theme provider, useTheme hook, hydration | | cmdk | Command palette patterns | | class-variance-authority | CVA variant patterns | | embla-carousel-react | Carousel implementation | | lucide-react | Icon usage patterns |

| registry:ui | button, card, input | Base UI primitives | | registry:block | theme-switcher, polar-checkout | Feature-complete blocks | | registry:example | button-demo | Usage examples |

قم بإنشاء عناصر واجهة مستخدم جديدة لسجل Tryelements.dev. يُستخدم عندما: (1) إضافة مكونات واجهة مستخدم جديدة (الأزرار، والمدخلات، والبطاقات)، (2) بناء مكونات التكامل (Clerk، Stripe، Uploadthing)، (3) إنشاء عناصر متعلقة بالموضوع، (4) أي مكون تسجيل بنمط shadcn. هام: بالنسبة لمكونات الشعار ذات المتغيرات (أيقونة/علامة نصية/شعار + داكن/فاتح)، استخدم مهارة الشعار مع المتغيرات بدلاً من ذلك. تتضمن هذه المهارة السقالات ومخطط التسجيل وأنماط المكونات. استخدم دائمًا context7 MCP لجلب أحدث مستندات التبعية قبل التنفيذ. المصدر: crafter-station/elements.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/crafter-station/elements --skill create-element
المصدر
crafter-station/elements
الفئة
*وسائط إبداعية
موثق
✓
أول ظهور
2026-02-01
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/crafter-station/elements/create-element

Browse more skills from crafter-station/elements

إجابات سريعة

ما هي create-element؟

قم بإنشاء عناصر واجهة مستخدم جديدة لسجل Tryelements.dev. يُستخدم عندما: (1) إضافة مكونات واجهة مستخدم جديدة (الأزرار، والمدخلات، والبطاقات)، (2) بناء مكونات التكامل (Clerk، Stripe، Uploadthing)، (3) إنشاء عناصر متعلقة بالموضوع، (4) أي مكون تسجيل بنمط shadcn. هام: بالنسبة لمكونات الشعار ذات المتغيرات (أيقونة/علامة نصية/شعار + داكن/فاتح)، استخدم مهارة الشعار مع المتغيرات بدلاً من ذلك. تتضمن هذه المهارة السقالات ومخطط التسجيل وأنماط المكونات. استخدم دائمًا context7 MCP لجلب أحدث مستندات التبعية قبل التنفيذ. المصدر: crafter-station/elements.

كيف أثبّت create-element؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/crafter-station/elements --skill create-element بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/crafter-station/elements

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01

مهارات ذات صلة

tech-logos
41 التثبيتات
logo-with-variants
22 التثبيتات