دليل قراءة متعدد اللغات للمهارة
frontend-design-reviewالغرض والاستخدام والمصدر
مراجعة وإنشاء واجهات أمامية مميزة وعالية الجودة، مصممة وفقًا لمعايير الإنتاج، مع الالتزام التام بنظام التصميم. يتم التقييم بناءً على ثلاثة معايير أساسية: سهولة تحويل الأفكار إلى إجراءات، وجودة التنفيذ، وموثوقية البناء. يُستخدم لـ: مراجعات طلبات السحب، ومراجعات التصميم، وعمليات تدقيق إمكانية الوصول، وفحوصات الالتزام بنظام التصميم، وتصميم الواجهات الأمامية الإبداعية، ومراجعة أكواد واجهة المستخدم، ومراجعات المكونات، وفحوصات التصميم المتجاوب، واختبار السمات، وإنشاء واجهات مستخدم لا تُنسى. لا يُستخدم لـ: مراجعات واجهات برمجة التطبيقات الخلفية، ومراجعات مخططات قواعد البيانات، وأعمال البنية التحتية أو DevOps، ومنطق الأعمال البحت بدون واجهة مستخدم، أو أكواد غير متعلقة بالواجهة الأمامية.
تم استرجاع المصدر:
- مستودع المصدر
- microsoft/skills
- SKILL.md
.github/skills/frontend-design-review/SKILL.md- نجوم المستودع
- 3,157
- آخر تحديث للمستودع
- 2026-10-31
- تصنيف القدرات
- تطوير
- وقت التجميع الأخير
الترخيص: MIT
مقتطفات سير العمل هي أدوات مساعدة للقراءة، وليست تعليمات تنفيذية من Codez. لم يتم تشغيل أي مهارة تابعة لجهة خارجية لإنتاج هذه الصفحة.
تُعدّ فقرات الغرض وسير العمل الواردة أدناه موادًا أساسية، مُنظّمة ومترجمة لتسهيل القراءة. وهي تختلف عن التحليل التحريري لـ Codez المُصنّف بشكل منفصل.
ما تفعله هذه المهارة
مراجعة وإنشاء واجهات أمامية مميزة وعالية الجودة، مصممة وفقًا لمعايير الإنتاج، مع الالتزام التام بنظام التصميم. يتم التقييم بناءً على ثلاثة معايير أساسية: سهولة تحويل الأفكار إلى إجراءات، وجودة التنفيذ، وموثوقية البناء. يُستخدم لـ: مراجعات طلبات السحب، ومراجعات التصميم، وعمليات تدقيق إمكانية الوصول، وفحوصات الالتزام بنظام التصميم، وتصميم الواجهات الأمامية الإبداعية، ومراجعة أكواد واجهة المستخدم، ومراجعات المكونات، وفحوصات التصميم المتجاوب، واختبار السمات، وإنشاء واجهات مستخدم لا تُنسى. لا يُستخدم لـ: مراجعات واجهات برمجة التطبيقات الخلفية، ومراجعات مخططات قواعد البيانات، وأعمال البنية التحتية أو DevOps، ومنطق الأعمال البحت بدون واجهة مستخدم، أو أكواد غير متعلقة بالواجهة الأمامية.
طريقة الاستخدام وفق المستند الأصلي
سير عمل نظام التصميم
راجع المكونات في مكتبة Storybook/المكونات الخاصة بك لمعرفة واجهة برمجة التطبيقات (API) وطريقة الاستخدام. استخدم وضع المطور في Figma للحصول على المواصفات الدقيقة (المسافات، الرموز، الخصائص). نفّذ باستخدام مكونات نظام التصميم ورموز التصميم. قارن التنفيذ بتصميم Figma.
مقتطف من المصدر · L54 ↗عمليات المراجعة
تحديد مهمة المستخدم، التحقق من نظام التصميم بحثًا عن أنماط متطابقة، تقييم التوجه الجمالي، تحديد النطاق (المكون، الميزة، أو التدفق).
مقتطف من المصدر · L72 ↗المبادئ الأساسية
إنجاز المهمة: بأقل عدد من النقرات. كل شاشة تجيب على سؤالَي "ماذا يمكنني أن أفعل؟" و"ماذا سيحدث بعد ذلك؟". تسلسل الإجراءات:1-2الإجراءات الرئيسية لكل عرض. الكشف التدريجي للخيارات الثانوية. الإعداد: شرح الميزات عند التقديم. إعدادات افتراضية ذكية بدلاً من التكوين. التنقل: واضحentry/exitنقاط.Back/cancelمتوفر دائمًا. فتات الخبز لتدفقات عميقة.
مقتطف من المصدر · L82 ↗المتطلبات والإعداد
لم يتم اختيار أي فقرة متطلبات مختصرة من هذا الملف. هذا لا يعني أن المهارة لا تعتمد على أي ملفات أخرى. راجع تعليمات إعداد المستودع والملفات المرجعية.
الحدود وفحوصات الجودة
2الجودة هي الحرفية
التوافق مع نظام التصميم: يطابق مواصفات Figma، ويستخدم رموز التصميم. التوجه الجمالي: طباعة مميزة، وألوان متناسقة، وحركة مقصودة.
مقتطف من المصدر · L99 ↗ابدأ بتجربة آمنة
- تحقق من المضيف المدعوم وتعليمات تثبيت المستودع. احتفظ بمجلد المهارات والبرامج النصية والأصول والوثائق المشار إليها معًا؛SKILL.mdقد يؤدي وجود شخص واحد فقط إلى إغفال بعض التبعيات.
- زوّد البرنامج ببياناتك الفعلية، والمخرجات المطلوبة، ومعايير القبول. يعتمد بناء جملة الاستدعاء والأدوات المتاحة على النظام المضيف؛ ولا يفترض هذا الموقع وجود أمر تثبيت موحد.
- جرّب سير العمل الأصلي في مشروع مؤقت أو على نسخة احتياطية. راجع العمليات التي تُغيّر الملفات أو الخدمات البعيدة أو الموارد القابلة للفوترة قبل السماح بها.
- تحقق من صحة المخرجات بمقارنتها بفحوصات جودة المصدر ومتطلباتك الخاصة. لا يُعدّ نجاح عملية التشغيل أو ارتفاع عدد النجوم في المستودع دليلاً على صحة النتيجة.
اقرأ المزيد في المصدر
- مراجعة تصميم الواجهة الأمامية
- وضع1مراجعة التصميم
- وضع2تصميم واجهة أمامية إبداعية
- تصميم واجهة أمامية إبداعي
- إرشادات التجميل
- سير عمل نظام التصميم
- عمليات المراجعة
- المبادئ الأساسية
- 1رؤى سلسة نحو العمل
- 2الجودة هي الحرفية
- 3مبنى جدير بالثقة
- تنسيق مخرجات المراجعة
- مُعدِّلات نوع المراجعة
- قائمة مراجعة سريعة
- أمثلة على الأنماط
- شكر وتقدير
المهارات ذات الصلة
الترجمة والنطاق
يختار دليل القراءة هذا مقاطع من المصدر الرئيسي المثبتSKILL.mdهذه الترجمة مساعدة. وهي ليست دليلاً كاملاً ولا تضمن التوافق المُختَبَر. يُرجى قراءة النص الأصلي والملفات المُشار إليها قبل الاستخدام.
تشير هذه المقدمة إلى النسخة المثبتة أدناه؛ ويتم عرض نشاط المستودع الحالي ووقت التجميع بشكل منفصل.
- المصدر بإصدار ثابت
- اقرأ الأصل ↗
- تم استرجاع المصدر
- معرّف نسخة Git
00d66a64919edca5bca2c673373444e36a4b5461- المصدر SHA-256
639b68cdc6f9b4cdd66a111851555afee2eb82d4de37bf9cbad3be845bb00c2d