قم بتوجيه وكلاء الذكاء الاصطناعي لاستخدام الرموز المميزة لتصميم IDS بشكل صحيح في مكونات React وCSS. تغطي هذه المهارة أنماط الاستيراد والأخطاء الشائعة وقواعد الاستخدام العملي لكل فئة من فئات الرموز المميزة.
ثبّت مهارة الذكاء الاصطناعي token-usage بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: iress/design-system.
Guide AI agents on correctly using IDS design tokens in React components and CSS. This skill covers import patterns, common mistakes, and practical usage rules for each token category.
If you are using IDS React components, wrap your application in IressProvider and import the CSS variables stylesheet:
Non-React usage: The tokens package works without React. Import the CSS stylesheet or use cssVars / designTokens directly in any JavaScript or CSS environment.
قم بتوجيه وكلاء الذكاء الاصطناعي لاستخدام الرموز المميزة لتصميم IDS بشكل صحيح في مكونات React وCSS. تغطي هذه المهارة أنماط الاستيراد والأخطاء الشائعة وقواعد الاستخدام العملي لكل فئة من فئات الرموز المميزة. المصدر: iress/design-system.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/iress/design-system --skill token-usageقم بتوجيه وكلاء الذكاء الاصطناعي لاستخدام الرموز المميزة لتصميم IDS بشكل صحيح في مكونات React وCSS. تغطي هذه المهارة أنماط الاستيراد والأخطاء الشائعة وقواعد الاستخدام العملي لكل فئة من فئات الرموز المميزة. المصدر: iress/design-system.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/iress/design-system --skill token-usage بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/iress/design-system