·carbon-design-system
{}

carbon-design-system

بناء واجهات المستخدم باستخدام نظام تصميم الكربون الخاص بشركة IBM. يُستخدم عندما يطلب المستخدم واجهات ذات نمط Carbon، أو لوحات معلومات ذات نمط IBM، أو واجهات مستخدم مؤسسية تتبع اصطلاحات Carbon، أو يذكر Carbon، أو تصميم IBM، أو @carbon/react بشكل صريح. يغطي استخدام المكونات، ورموز التصميم (اللون، والطباعة، والتباعد، والحركة)، والسمات (أبيض، رمادي 10، رمادي 90، رمادي 100)، تخطيط الشبكة، وإمكانية الوصول. يدعم كلاً من مخرجات القطع الأثرية/HTML (المعتمدة على CDN) ومخرجات مشروع React الكاملة (@carbon/react). تتضمن المشغلات "Carbon" أو "نظام تصميم IBM" أو "لوحة معلومات المؤسسة" أو "@carbon/react" أو "مكونات الكربون" أو طلبات واجهات احترافية على طراز IBM.

7التثبيتات·0الرائج·@dodatech

التثبيت

$npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system

كيفية تثبيت carbon-design-system

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

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

المصدر: dodatech/approved-skills.

Build UIs conforming to IBM's Carbon Design System v11. Carbon provides a token-based, accessible, enterprise-grade component library.

Apply Carbon classes to HTML elements. See references/html-classes.md.

@carbon/react is not in Claude's default artifact environment. For React artifacts, load the CDN CSS above and apply Carbon class names to standard HTML/JSX elements. The visual output is identical.

بناء واجهات المستخدم باستخدام نظام تصميم الكربون الخاص بشركة IBM. يُستخدم عندما يطلب المستخدم واجهات ذات نمط Carbon، أو لوحات معلومات ذات نمط IBM، أو واجهات مستخدم مؤسسية تتبع اصطلاحات Carbon، أو يذكر Carbon، أو تصميم IBM، أو @carbon/react بشكل صريح. يغطي استخدام المكونات، ورموز التصميم (اللون، والطباعة، والتباعد، والحركة)، والسمات (أبيض، رمادي 10، رمادي 90، رمادي 100)، تخطيط الشبكة، وإمكانية الوصول. يدعم كلاً من مخرجات القطع الأثرية/HTML (المعتمدة على CDN) ومخرجات مشروع React الكاملة (@carbon/react). تتضمن المشغلات "Carbon" أو "نظام تصميم IBM" أو "لوحة معلومات المؤسسة" أو "@carbon/react" أو "مكونات الكربون" أو طلبات واجهات احترافية على طراز IBM. المصدر: dodatech/approved-skills.

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

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

أمر التثبيت
npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system
الفئة
{}تحليل البيانات
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-11

Browse more skills from dodatech/approved-skills

إجابات سريعة

ما هي carbon-design-system؟

بناء واجهات المستخدم باستخدام نظام تصميم الكربون الخاص بشركة IBM. يُستخدم عندما يطلب المستخدم واجهات ذات نمط Carbon، أو لوحات معلومات ذات نمط IBM، أو واجهات مستخدم مؤسسية تتبع اصطلاحات Carbon، أو يذكر Carbon، أو تصميم IBM، أو @carbon/react بشكل صريح. يغطي استخدام المكونات، ورموز التصميم (اللون، والطباعة، والتباعد، والحركة)، والسمات (أبيض، رمادي 10، رمادي 90، رمادي 100)، تخطيط الشبكة، وإمكانية الوصول. يدعم كلاً من مخرجات القطع الأثرية/HTML (المعتمدة على CDN) ومخرجات مشروع React الكاملة (@carbon/react). تتضمن المشغلات "Carbon" أو "نظام تصميم IBM" أو "لوحة معلومات المؤسسة" أو "@carbon/react" أو "مكونات الكربون" أو طلبات واجهات احترافية على طراز IBM. المصدر: dodatech/approved-skills.

كيف أثبّت carbon-design-system؟

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

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

https://github.com/dodatech/approved-skills

التفاصيل

الفئة
{}تحليل البيانات
المصدر
skills.sh
أول ظهور
2026-02-25