احصل على ملف DESIGN.md
من أي موقع ويب

ملف DESIGN.md مستند نصي لنظام التصميم يقرؤه وكلاء البرمجة بالذكاء الاصطناعي لإنشاء واجهات متسقة. وهو النظير التصميمي لملف AGENTS.md: يستطيع البشر والوكلاء قراءته وتعديله والالتزام به. ويتكون من طبقتين: مقدمة YAML (front matter) تحمل رموز التصميم بصيغة يقرؤها الجهاز، مثل الألوان والخطوط والمسافات، ونص بصيغة Markdown يشرح فلسفة التصميم.

يضم ملف DESIGN.md عادةً ثمانية أقسام معيارية بهذا الترتيب: Overview و Colors و Typography و Layout و Elevation and Depth و Shapes و Components و Do's and Don'ts. تحمل مقدمة YAML (front matter) القيم الدقيقة للرموز، ويشرح نص Markdown كيف ولماذا تُطبَّق. ويمكن حذف الأقسام غير المناسبة، وإضافة أقسام خاصة بمجال المشروع.

الصق رابط أي موقع ويب عام في Design Extractor وانقر على «استخراج التصميم». أنشئ حسابًا واشترِ باقة رصيد، وكل عملية استخراج تستهلك بضعة أرصدة. النتيجة ملف DESIGN.md يمكنك نسخه. ضعه في مستودعك، فيقرؤه وكيل الذكاء الاصطناعي مرجعًا للأسلوب في Claude أو Cursor أو Copilot أو Stitch.

أي أداة برمجة بالذكاء الاصطناعي تقرأ ملفات Markdown من مجلد مشروعك يمكنها استخدام DESIGN.md، ومنها Claude Code و Cursor و GitHub Copilot وغيرها من مساعدات البرمجة التي تصل إلى الملفات. ضع ملف DESIGN.md في جذر مشروعك أو في مجلد التوثيق، وأشر إليه في الموجّه.

أي موقع ويب متاح للعموم. يحلل Design Extractor الصفحة الحية كما يعرضها المتصفح، ويعمل مع المواقع الثابتة وتطبيقات الصفحة الواحدة (SPAs) والصفحات المعروضة من الخادم. يجب أن يكون الوصول إلى الموقع ممكنًا عبر رابط HTTP/HTTPS عادي.

بعض المواقع، مثل البوابات الحكومية والمتاجر المحلية، لا تُفتح إلا للزوار من دول معيّنة. إذا فشلت عملية استخراج لأن الموقع رفض الزيارة، تذكر صفحة النتيجة ذلك وتقترح الدول التي يُفتح فيها الموقع. اختر إحداها، فيحمّل متصفح في تلك الدولة الصفحة، ثم تُستخرج كالمعتاد. تكلّف العملية من دولة أخرى سعر المستوى مع رسم إضافي صغير يظهر قبل البدء، وإذا فشلت العملية رغم ذلك يُسترد الرصيد. والخيار نفسه متاح في إضافة Chrome وعبر خادم MCP.

نعم. تعيد إضافة Design Extractor لـ Chrome استخدام الجلسة التي سجّلت بها الدخول على الموقع، فلا حاجة إلى تسجيل دخول منفصل. تعرض نافذتها المنبثقة رصيدك، وبنقرة واحدة ترسل الصفحة المفتوحة في تبويبك الحالي إلى عملية الاستخراج نفسها التي تبدؤها من الصفحة الرئيسية، بمستوى Lite أو Pro، وبالرصيد نفسه. يُفتح ملف DESIGN.md الجاهز على الموقع ويظهر في «عمليات الاستخراج». في هذا الإصدار الأول يجب أن تكون الصفحة عامة: فالخادم هو الذي يلتقطها، لذا لا تُدعم بعد الصفحات التي تتطلب تسجيل الدخول أو التي على localhost أو على شبكة خاصة. أما التعديل والتنزيل فيتمّان على الموقع.

نعم. Design Extractor هو أيضًا خادم MCP. في claude.ai أو Claude Desktop أو ChatGPT، أضف رابط الخادم كموصِّل (connector) وسجّل الدخول بحسابك؛ وفي Claude Code أو Codex أو Cursor أو Agent SDK، اتصل بأمر واحد (تجد في صفحة التوثيق الأمر الخاص بكل منها، مع مفتاح API من صفحة حسابك حين يحتاج العميل إليه)، ثم اطلب منه استخراج موقع. يبدأ الوكيل العملية، ويعود للتحقق بعد دقيقة تقريبًا، ثم يحصل على نص DESIGN.md ليحفظه في مستودعك، وبالرصيد نفسه المستخدم على الموقع. ويمكن لـ Claude Code و Codex أيضًا تثبيته كإضافة برمجية (plugin) تضيف مهارة (skill) تطبّق ملف DESIGN.md على قاعدة الشيفرة.