·chakra-ui
*

chakra-ui

✓
mgd34msu/goodvibes-geminiGitHub: mgd34msu/goodvibes-geminiالمصدر: mgd34msu/goodvibes-gemini

إنشاء تطبيقات React يمكن الوصول إليها باستخدام مكونات Chakra UI v3 والرموز المميزة والوصفات. يُستخدم عند إنشاء أنظمة المكونات المصممة أو السمات أو عناصر التحكم في النماذج التي يمكن الوصول إليها.

mgd34msu·chakra·ui
17التثبيتات·1الرائج·@mgd34msu

التثبيت

GitHub: mgd34msu/goodvibes-gemini
$npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill chakra-ui

كيفية تثبيت chakra-ui

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

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

المصدر: mgd34msu/goodvibes-gemini.

SKILL.md

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

Accessible React component library with built-in styling, theming, and design tokens.

| bg | background | bg="blue.500" | | color | color | color="gray.700" | | p, px, py | padding | p="4" px="6" | | m, mx, my | margin | m="auto" my="8" | | w, h | width, height | w="full" h="100vh" | | rounded | border-radius | rounded="lg" | | shadow | box-shadow | shadow="md" | | display | display | display="flex" | | gap | gap | gap="4" |

| solid | Background for solid buttons | | contrast | Text on solid backgrounds | | fg | Foreground/text color | | muted | Muted backgrounds | | subtle | Subtle backgrounds | | emphasized | Hover states | | focusRing | Focus ring color |

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

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

أمر التثبيت
npx skills add https://github.com/mgd34msu/goodvibes-gemini --skill chakra-ui
المصدر
mgd34msu/goodvibes-gemini
الفئة
*وسائط إبداعية
موثق
✓
أول ظهور
2026-03-07
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/mgd34msu/goodvibes-gemini/chakra-ui

Browse more skills from mgd34msu/goodvibes-gemini

إجابات سريعة

ما هي chakra-ui؟

إنشاء تطبيقات React يمكن الوصول إليها باستخدام مكونات Chakra UI v3 والرموز المميزة والوصفات. يُستخدم عند إنشاء أنظمة المكونات المصممة أو السمات أو عناصر التحكم في النماذج التي يمكن الوصول إليها. المصدر: mgd34msu/goodvibes-gemini.

كيف أثبّت chakra-ui؟

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

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

https://github.com/mgd34msu/goodvibes-gemini

التفاصيل

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

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

لا يوجد