·design-tokens
</>

design-tokens

نظام رمز تصميمي شامل للطباعة والألوان والسمات مع امتثال WCAG AA وأنواع TypeScript وتكامل إطار العمل (CSS-in-JS وTailwind وCSS Variables).

17التثبيتات·0الرائج·@dadbodgeoff

التثبيت

$npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens

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

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

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

المصدر: dadbodgeoff/drift.

Single source of truth for visual design decisions with accessibility compliance.

| text.primary | #FCFCF9 | 15.8:1 | AAA | | text.secondary | #B8BABA | 8.2:1 | AAA | | text.tertiary | #9A9E9E | 5.8:1 | AA | | text.muted | #7D8282 | 4.5:1 | AA min |

نظام رمز تصميمي شامل للطباعة والألوان والسمات مع امتثال WCAG AA وأنواع TypeScript وتكامل إطار العمل (CSS-in-JS وTailwind وCSS Variables). المصدر: dadbodgeoff/drift.

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

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

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

أمر التثبيت
npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens
المصدر
dadbodgeoff/drift
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-05
آخر تحديث
2026-03-11

Browse more skills from dadbodgeoff/drift

إجابات سريعة

ما هي design-tokens؟

نظام رمز تصميمي شامل للطباعة والألوان والسمات مع امتثال WCAG AA وأنواع TypeScript وتكامل إطار العمل (CSS-in-JS وTailwind وCSS Variables). المصدر: dadbodgeoff/drift.

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

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

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

https://github.com/dadbodgeoff/drift

التفاصيل

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