Canonical: https://botbento.com/ar/usecases/audit-frontend-code-against-design-system-specifications/
Format: Markdown representation of the public HTML page.

[الرئيسية](/) / [حالات الاستخدام](/ar/usecases/) / [البرمجة](/ar/usecases/?category=coding)

البرمجة · متوسط

# تدقيق كود الواجهة الأمامية وفق مواصفات نظام التصميم

فرض رموز التصميم وإرشادات الأنماط وقيود إمكانية الوصول عبر مكونات واجهة المستخدم

[استخدمه مع BotBento ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=audit-frontend-code-against-design-system-specifications)نسخ الموجّهمشاركة[Markdown](/text/ar/usecases/audit-frontend-code-against-design-system-specifications/index.md)[English](/usecases/audit-frontend-code-against-design-system-specifications/)

يفتح BotBento. الصق الموجّه في بوت؛ لا شيء مُعدّ مسبقًا.

- عند حدوث أمر مافتح طلب سحب لواجهة المستخدم
- ثمفحص الرموز وقواعد المكونات
- النتيجةنشر تقرير تدقيق التصميم

يفحص قواعد كود الواجهة الأمامية للتحقق من توافق المكونات مع رموز التصميم المحددة مسبقًا، وقواعد الأنماط، ومتطلبات إمكانية الوصول. يكتشف التناقضات في التنسيق، ويقترح تحديثات متوافقة للمكونات، ويجهز الكود المعاد تنظيمه للمراجعة.

## موجّه للبدء

BotBentoموصى به

```
عند إنشاء طلب سحب للواجهة الأمامية، افحص مكونات الواجهة المعدلة مقارنة بتعريفات رموز التصميم وقواعد التنسيق في المستودع. تحقق من قيم الألوان، ووحدات التباعد، ومقاييس الخطوط، وسمات إمكانية الوصول. إذا وُجدت قيم عشوائية أو تسميات مفقودة، فقم بصياغة كود بديل يشير إلى رموز التصميم المعتمدة. انتظر دائمًا موافقة المستخدم قبل دفع تغييرات الكود أو إرسال تعليقات إلى طلب السحب.
```

نسخ

## الأدوات المستخدمة

GitHubالطرفية

## يعمل مع

BotBento

## الوسوم

- frontend
- design-system
- accessibility
- css
- ui

## المصدر

[awesome-design-skills: List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Cod](https://github.com/bergside/awesome-design-skills)
GitHub · تم التحقق 2026-10-15

ملخّص بكلماتنا. أي نتائج مذكورة في المصدر تعود لأصحابها، ولم يقسها BotBento.

ترجمة بمساعدة الذكاء الاصطناعي ومراجَعة آليًا من النسخة الإنجليزية. النص الإنجليزي هو المرجع.

بقلم BotBento Editorial · أُضيف 2026-10-15 · حُدّث 2026-10-15 · [اقترح تصحيحًا](/contact/)

## حالات استخدام ذات صلة

-

البرمجةمتوسط

## [مُولّد واجهات أمامية متناسقة](/ar/usecases/consistent-frontend-interface-generator/)

تحويل متطلبات التطبيق إلى كود واجهة منهجي ومتماسك

الطرفيةGitHubالدردشة
-

البرمجةمتوسط

## [التحقق التلقائي من واجهة المستخدم للتغييرات البرمجية المحلية](/ar/usecases/automated-ui-verification-for-local-code-changes/)

تشغيل خوادم محلية والتقاط أدلة المتصفح لتغييرات الواجهة الأمامية

المتصفحالطرفيةGitHub
-

البرمجةمتوسط

## [مدقق جودة كود الواجهة الأمامية وإمكانية الوصول](/ar/usecases/front-end-code-quality-and-accessibility-auditor/)

تدقيق طلبات السحب وفقاً لمعايير الويب الحديثة وقواعد إمكانية الوصول وممارسات الأداء

GitHubالدردشة