قم بتحويل متطلبات نمط واجهة المستخدم إلى كود واجهة أمامي جاهز للإنتاج باستخدام رموز التصميم المنهجية والامتثال لإمكانية الوصول والتنفيذ الإبداعي. يُستخدم عند إنشاء مواقع الويب أو تطبيقات الويب أو مكونات React/Vue أو لوحات المعلومات أو الصفحات المقصودة أو أي واجهة مستخدم ويب تتطلب اتساق التصميم والجودة الجمالية.
ثبّت مهارة الذكاء الاصطناعي frontend-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: answerzhao/agent-skills.
This skill transforms vague UI style requirements into executable, production-grade frontend code through a systematic design token approach while maintaining creative excellence. It ensures visual consistency, accessibility compliance, and maintainability across all deliverables.
Never skip token definition. All visual properties must derive from the token system.
Create comprehensive token system (see examples/css/tokens.css and examples/typescript/design-tokens.ts):
قم بتحويل متطلبات نمط واجهة المستخدم إلى كود واجهة أمامي جاهز للإنتاج باستخدام رموز التصميم المنهجية والامتثال لإمكانية الوصول والتنفيذ الإبداعي. يُستخدم عند إنشاء مواقع الويب أو تطبيقات الويب أو مكونات React/Vue أو لوحات المعلومات أو الصفحات المقصودة أو أي واجهة مستخدم ويب تتطلب اتساق التصميم والجودة الجمالية. المصدر: answerzhao/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/answerzhao/agent-skills --skill frontend-designقم بتحويل متطلبات نمط واجهة المستخدم إلى كود واجهة أمامي جاهز للإنتاج باستخدام رموز التصميم المنهجية والامتثال لإمكانية الوصول والتنفيذ الإبداعي. يُستخدم عند إنشاء مواقع الويب أو تطبيقات الويب أو مكونات React/Vue أو لوحات المعلومات أو الصفحات المقصودة أو أي واجهة مستخدم ويب تتطلب اتساق التصميم والجودة الجمالية. المصدر: answerzhao/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/answerzhao/agent-skills --skill frontend-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/answerzhao/agent-skills