قم بإنتاج تصميمات واجهة المستخدم على مستوى الإنتاج باستخدام رموز التصميم الواضحة وقواعد التخطيط وتوجيهات الحركة وفحوصات إمكانية الوصول لتطوير الواجهة الأمامية بشكل متسق وقابل للتطوير.
ثبّت مهارة الذكاء الاصطناعي frontend-design-system بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: supercent-io/skills-template.
프로덕션 수준의 UI 디자인을 위한 스킬입니다. 명확한 디자인 토큰, 레이아웃 규칙, 모션 가이드라인, 접근성 체크를 통해 일관되고 확장 가능한 프론트엔드 개발을 지원합니다.
Issue: UI feels generic Cause: 시각적 방향이나 토큰 없음 Solution: 스타일 레퍼런스와 팔레트 제공
Issue: Layout breaks on mobile Cause: 반응형 그리드 규칙 없음 Solution: 브레이크포인트와 스태킹 동작 정의
قم بإنتاج تصميمات واجهة المستخدم على مستوى الإنتاج باستخدام رموز التصميم الواضحة وقواعد التخطيط وتوجيهات الحركة وفحوصات إمكانية الوصول لتطوير الواجهة الأمامية بشكل متسق وقابل للتطوير. المصدر: supercent-io/skills-template.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-systemقم بإنتاج تصميمات واجهة المستخدم على مستوى الإنتاج باستخدام رموز التصميم الواضحة وقواعد التخطيط وتوجيهات الحركة وفحوصات إمكانية الوصول لتطوير الواجهة الأمامية بشكل متسق وقابل للتطوير. المصدر: supercent-io/skills-template.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-system بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/supercent-io/skills-template