Design MD Generator
استخرج رموز التصميم الفعلية من عنوان عام وأنشئ DESIGN.md لوكلاء البرمجة بالذكاء الاصطناعي
نبذة عن Design MD Generator
يقبل Design MD Generator عنواناً عاماً، ويستخرج الألوان والخطوط ونِسَب أحجام النصوص والمسافات وأنصاف أقطار الزوايا والظلال وحالات المكوّنات من CSS فعلي، ثم ينشئ DESIGN.md من تسعة أقسام تغطي السمات وأدوار لوحة الألوان والطباعة والتخطيط والمكوّنات والتسلسل الهرمي وأنصاف الأقطار والحركة وإرشادات التصميم. يمكن وضع الملف في مستودع برمجي والإشارة إليه من CLAUDE.md أو .cursor/rules لتتوافق الواجهات المُنشأة مع نظام تصميم الموقع المصدر؛ كما يتيح MCP للمحرّرات البحث في المكتبة وقراءة الملفات أو تشغيل المولّد.
الأنسب لـ
أفضل حالات الاستخدام
إنشاء ملف نظام تصميم لموقع قائم
تمكين وكيل برمجة بالذكاء الاصطناعي من إعادة استخدام تصميم الموقع المصدر
تشغيل المولّد عبر MCP من محرّر
استعراض أنظمة تصميم DESIGN.md الجاهزة
الميزات
استخراج CSS الفعلي
يحصي الألوان ومجموعات الخطوط ونِسَب أحجام النصوص والمسافات وأنصاف أقطار الزوايا والظلال وخصائص CSS المخصصة من الأنماط الفعلية.
تحليل قائم على الأدلة
كل لون سداسي عشري واسم خط ونصف قطر زاوية مصدره CSS الفعلي للموقع؛ ولا يخترع المستخرج رموزاً.
DESIGN.md من تسعة أقسام
ينشئ محلّل تصميم بالذكاء الاصطناعي السمات وأدوار لوحة الألوان والطباعة والتخطيط والمكوّنات والتسلسل الهرمي وأنصاف الأقطار والحركة والإرشادات.
اتصال MCP بالمحرّر
ابحث في المكتبة واقرأ DESIGN.md أو شغّل المولّد داخل محرّر عبر MCP.
المزايا
- تأتي الرموز من CSS حقيقي، ما يجنّب التخمين
- يمكن وضع المخرجات في مستودع برمجي ليستخدمها الوكلاء
- إنشاء مجاني ضمن الحد اليومي
- يدعم MCP لتشغيل مريح داخل المحرّر
القيود
- حد إنشاء يومي لكل زائر
خطط التسعير
مجاني
- إنشاء DESIGN.md
- حد يومي لكل زائر
- لا حاجة إلى بطاقة ائتمان
* معلومات التسعير للاطلاع فقط. يُرجى الرجوع إلى أحدث إعلان على الموقع الرسمي لـ Design MD Generator.