يجب استخدام هذه المهارة عندما يسأل المستخدم عن "نظام التصميم"، أو "المتغيرات"، أو "الموضوع"، أو "لوحة الألوان"، أو "مقياس الطباعة"، أو "نظام التباعد"، أو "مكتبة المكونات"، أو يريد إنشاء أو إدارة مكونات نظام التصميم والرموز المميزة في قلم الرصاص.
ثبّت مهارة الذكاء الاصطناعي design system patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: gyejoon/pencil-plugin.
디자인 토큰은 디자인 시스템의 기본 단위로, 변수로 정의하여 일관성을 유지한다.
| Colors | primary, secondary, neutral | 브랜드 색상, UI 색상 | | Typography | heading, body, caption | 폰트 크기, 굵기, 행간 | | Spacing | xs, sm, md, lg, xl | 여백, 간격 | | Radii | sm, md, lg, full | 모서리 둥글기 | | Shadows | sm, md, lg | 그림자 효과 |
يجب استخدام هذه المهارة عندما يسأل المستخدم عن "نظام التصميم"، أو "المتغيرات"، أو "الموضوع"، أو "لوحة الألوان"، أو "مقياس الطباعة"، أو "نظام التباعد"، أو "مكتبة المكونات"، أو يريد إنشاء أو إدارة مكونات نظام التصميم والرموز المميزة في قلم الرصاص. المصدر: gyejoon/pencil-plugin.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patternsيجب استخدام هذه المهارة عندما يسأل المستخدم عن "نظام التصميم"، أو "المتغيرات"، أو "الموضوع"، أو "لوحة الألوان"، أو "مقياس الطباعة"، أو "نظام التباعد"، أو "مكتبة المكونات"، أو يريد إنشاء أو إدارة مكونات نظام التصميم والرموز المميزة في قلم الرصاص. المصدر: gyejoon/pencil-plugin.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/gyejoon/pencil-plugin --skill design system patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/gyejoon/pencil-plugin