قم باستخراج أنظمة التصميم من صور واجهة المستخدم المرجعية وقم بإنشاء مطالبات تصميم واجهة مستخدم جاهزة للتنفيذ. يُستخدم عندما يقدم المستخدمون لقطات شاشة/نماذج بالحجم الطبيعي لواجهة المستخدم ويريدون إنشاء تصميمات متسقة أو إنشاء أنظمة تصميم أو إنشاء واجهات مستخدم MVP تتوافق مع الجماليات المرجعية.
ثبّت مهارة الذكاء الاصطناعي ui-designer بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: daymade/claude-code-skills.
This skill enables systematic extraction of design systems from reference UI images through a multi-step workflow: analyze visual patterns → generate design system documentation → create PRD → produce implementation-ready UI prompts.
Save as variable for Step 4 (optionally save to documents/prd/)
Use the final composed prompt from Step 4 to implement UI in React project.
قم باستخراج أنظمة التصميم من صور واجهة المستخدم المرجعية وقم بإنشاء مطالبات تصميم واجهة مستخدم جاهزة للتنفيذ. يُستخدم عندما يقدم المستخدمون لقطات شاشة/نماذج بالحجم الطبيعي لواجهة المستخدم ويريدون إنشاء تصميمات متسقة أو إنشاء أنظمة تصميم أو إنشاء واجهات مستخدم MVP تتوافق مع الجماليات المرجعية. المصدر: daymade/claude-code-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/daymade/claude-code-skills --skill ui-designerقم باستخراج أنظمة التصميم من صور واجهة المستخدم المرجعية وقم بإنشاء مطالبات تصميم واجهة مستخدم جاهزة للتنفيذ. يُستخدم عندما يقدم المستخدمون لقطات شاشة/نماذج بالحجم الطبيعي لواجهة المستخدم ويريدون إنشاء تصميمات متسقة أو إنشاء أنظمة تصميم أو إنشاء واجهات مستخدم MVP تتوافق مع الجماليات المرجعية. المصدر: daymade/claude-code-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/daymade/claude-code-skills --skill ui-designer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/daymade/claude-code-skills