ما هي css-tokens؟
يوفر رموز تصميم CSS الأساسية (خصائص مخصصة) للطباعة والمسافات والألوان والحدود ومؤشر z والانتقالات. يُستخدم عند إعداد نظام الرمز المميز الأساسي لمشروع ويب. المصدر: schalkneethling/webdev-agent-skills.
·css-tokens
</>
css-tokens
✓schalkneethling/webdev-agent-skillsGitHub: schalkneethling/webdev-agent-skillsالمصدر: schalkneethling/webdev-agent-skills
يوفر رموز تصميم CSS الأساسية (خصائص مخصصة) للطباعة والمسافات والألوان والحدود ومؤشر z والانتقالات. يُستخدم عند إعداد نظام الرمز المميز الأساسي لمشروع ويب.
كيفية تثبيت css-tokens
ثبّت مهارة الذكاء الاصطناعي css-tokens بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: schalkneethling/webdev-agent-skills.
SKILL.md
عرض النص الخامThis skill provides a comprehensive set of CSS design tokens (custom properties) to establish a consistent design foundation for web projects. Use this skill when the user requests a base token system or design tokens for their CSS.
A complete tokens.css file with a comprehensive design token system:
Users can reference individual tokens using CSS custom property syntax: var(--token-name)
يوفر رموز تصميم CSS الأساسية (خصائص مخصصة) للطباعة والمسافات والألوان والحدود ومؤشر z والانتقالات. يُستخدم عند إعداد نظام الرمز المميز الأساسي لمشروع ويب. المصدر: schalkneethling/webdev-agent-skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت css-tokens؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-tokens بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/schalkneethling/webdev-agent-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01