·theming-components
*

theming-components

يوفر نظام رمز التصميم وإطار عمل السمات لتصميم واجهة المستخدم المتسق والقابل للتخصيص عبر جميع المكونات. يغطي التصنيف الكامل للرموز المميزة (اللون، الطباعة، التباعد، الظلال، الحدود، الحركة، مؤشر z)، تبديل السمات (خصائص CSS المخصصة، موفري السمات)، دعم RTL/i18n (خصائص CSS المنطقية)، وإمكانية الوصول (تباين WCAG، سمات التباين العالي، الحركة المنخفضة). هذه هي طبقة التصميم الأساسية التي تشير إليها جميع مهارات المكونات. يُستخدم عند تخصيص المكونات، أو تنفيذ الوضع الفاتح/المظلم، أو إنشاء أنماط العلامة التجارية، أو تخصيص التصميم المرئي، أو ضمان اتساق التصميم، أو دعم لغات RTL.

22التثبيتات·0الرائج·@ancoleman

التثبيت

$npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components

كيفية تثبيت theming-components

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

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

المصدر: ancoleman/ai-design-components.

Comprehensive design token system providing the foundational styling architecture for all component skills, enabling brand customization, theme switching, RTL support, and consistent visual design.

Design tokens are the single source of truth for all visual design decisions. This skill provides:

| margin-left | margin-inline-start | | padding-right | padding-inline-end | | text-align: left | text-align: start |

يوفر نظام رمز التصميم وإطار عمل السمات لتصميم واجهة المستخدم المتسق والقابل للتخصيص عبر جميع المكونات. يغطي التصنيف الكامل للرموز المميزة (اللون، الطباعة، التباعد، الظلال، الحدود، الحركة، مؤشر z)، تبديل السمات (خصائص CSS المخصصة، موفري السمات)، دعم RTL/i18n (خصائص CSS المنطقية)، وإمكانية الوصول (تباين WCAG، سمات التباين العالي، الحركة المنخفضة). هذه هي طبقة التصميم الأساسية التي تشير إليها جميع مهارات المكونات. يُستخدم عند تخصيص المكونات، أو تنفيذ الوضع الفاتح/المظلم، أو إنشاء أنماط العلامة التجارية، أو تخصيص التصميم المرئي، أو ضمان اتساق التصميم، أو دعم لغات RTL. المصدر: ancoleman/ai-design-components.

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

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

أمر التثبيت
npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from ancoleman/ai-design-components

إجابات سريعة

ما هي theming-components؟

يوفر نظام رمز التصميم وإطار عمل السمات لتصميم واجهة المستخدم المتسق والقابل للتخصيص عبر جميع المكونات. يغطي التصنيف الكامل للرموز المميزة (اللون، الطباعة، التباعد، الظلال، الحدود، الحركة، مؤشر z)، تبديل السمات (خصائص CSS المخصصة، موفري السمات)، دعم RTL/i18n (خصائص CSS المنطقية)، وإمكانية الوصول (تباين WCAG، سمات التباين العالي، الحركة المنخفضة). هذه هي طبقة التصميم الأساسية التي تشير إليها جميع مهارات المكونات. يُستخدم عند تخصيص المكونات، أو تنفيذ الوضع الفاتح/المظلم، أو إنشاء أنماط العلامة التجارية، أو تخصيص التصميم المرئي، أو ضمان اتساق التصميم، أو دعم لغات RTL. المصدر: ancoleman/ai-design-components.

كيف أثبّت theming-components؟

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

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

https://github.com/ancoleman/ai-design-components