·css-tokens

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

5التثبيتات·0الرائج·@ibutters

التثبيت

$npx skills add https://github.com/ibutters/claudecodeplugins --skill css-tokens

كيفية تثبيت css-tokens

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

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

المصدر: ibutters/claudecodeplugins.

| Button | --color-primary, --space-2/4, --radius-md, --text-sm | | Input | --color-border, --space-2/3, --radius-md, --text-base | | Card | --color-surface, --space-4, --radius-lg, --shadow-md | | Badge | --color-, --space-1/2, --radius-full, --text-xs |

تصميم نظام الرموز باستخدام خصائص CSS المخصصة للتصميم المتسق. يُستخدم لإنشاء لوحات الألوان، ومقاييس التباعد، وأنظمة الطباعة، والسمات (الوضع الداكن/الفاتح). يتم تشغيلها بناءً على طلبات رموز التصميم، أو متغيرات CSS، أو السمات، أو أنظمة الألوان، أو مقاييس التباعد، أو التصميم المتسق. المصدر: ibutters/claudecodeplugins.

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

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

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

أمر التثبيت
npx skills add https://github.com/ibutters/claudecodeplugins --skill css-tokens
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from ibutters/claudecodeplugins

إجابات سريعة

ما هي css-tokens؟

تصميم نظام الرموز باستخدام خصائص CSS المخصصة للتصميم المتسق. يُستخدم لإنشاء لوحات الألوان، ومقاييس التباعد، وأنظمة الطباعة، والسمات (الوضع الداكن/الفاتح). يتم تشغيلها بناءً على طلبات رموز التصميم، أو متغيرات CSS، أو السمات، أو أنظمة الألوان، أو مقاييس التباعد، أو التصميم المتسق. المصدر: ibutters/claudecodeplugins.

كيف أثبّت css-tokens؟

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

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

https://github.com/ibutters/claudecodeplugins

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01