getdesign.md مقابل Design Extractor
يُنشئ Design Extractor ملف DESIGN.md من أي رابط عام تعطيه إياه. يتبع الملف مواصفات DESIGN.md من Google، ويقدّم كل مكوّن يختاره من الصفحة على شكل وصفة HTML و CSS يستطيع وكيل البرمجة لديك إعادة بنائها. ويُتحقَّق من كل وصفة مقابل الموقع الحي، أو تُعلَّم مع ذكر السبب. ويعمل أيضًا على المواقع التي لا تستجيب إلا للزوار من دول معينة.
getdesign.md مجموعة مختارة من ملفات DESIGN.md الجاهزة لعلامات تجارية معروفة. إليك المقارنة بين الاثنين. هل الصيغة جديدة عليك؟ اقرأ ما هو ملف DESIGN.md.
تم التحقق في بالرجوع إلى getdesign.md، صفحة الطلبات لديه، صفحة Catalog Pass ومستودع awesome-design-md. العروض والأسعار تتغير، لذا تحقّق من موقعهم قبل أن تقرر.
لماذا Design Extractor
يتبع مواصفات DESIGN.md من Google
لا تستخدم مقدمة YAML (front matter) إلا الخصائص التي تعرّفها المواصفات، دون أي مفاتيح مخصصة في المستوى الأعلى. وتأتي الأقسام المعيارية بترتيب المواصفات، من Overview إلى Do's and Don'ts. ولا تستخدم مدخلات المكونات في مقدمة YAML إلا الخصائص الثماني التي تحددها المواصفات، بقيم صريحة. يمكنك فحص أي ملف باستخدام DESIGN.md Validator المجاني.
وصفة لكل مكوّن يختاره من الصفحة
الترويسة والتذييل والأزرار وحقول الإدخال والبطاقات وغيرها من المكونات المختارة من الصفحة تأتي كلٌّ منها على شكل وصفة: شيفرة HTML و CSS مختزلة بقيم صريحة، داخل قسم Components في ملف DESIGN.md. تسرد كل وصفة أجزاءها وحالات التمرير (hover) والتركيز (focus) التي رُصدت على الموقع، ليتمكن وكيل البرمجة لديك من إعادة بناء المكوّن بدل تخمينه.
مُتحقَّق منه مقابل الموقع الحي
تُعرض كل وصفة وحدها ويُتحقَّق منها مقابل الموقع الحي: مطابقة بنيوية بين الأجزاء المعروضة وما قيس على الصفحة، ومقارنة على مستوى البكسل مع لقطة جديدة للعنصر الحقيقي. الوصفة التي تفشل يُعاد بناؤها ويُتحقَّق منها مرة أخرى. وإن ظلت لا تجتاز الفحص فإنها تُعلَّم مع ذكر السبب، ولا تُقدَّم أبدًا على أنها مُتحقَّق منها. تعرض صفحة النتيجة مدى تطابق المكونات وعدد ما تغطيه من ألوان الموقع وأنماط نصوصه: شاهد Stripe في المعرض.
يعمل على المواقع المقيّدة جغرافيًا
بعض المواقع لا تستجيب إلا للزوار من دول معينة. عندما تفشل عملية لهذا السبب، تعرض صفحة النتيجة أداة لاختيار الدولة، تتصدرها الدول التي تبيّن أن الصفحة تُحمَّل منها، ثم تُجري عملية الاستخراج نفسها عبر متصفح في الدولة التي تختارها. تكلّف العملية عبر دولة أخرى سعر Pro مضافًا إليه رسم إضافي من الرصيد قدره 6 (المجموع: 16 رصيدًا). وإذا فشلت عملية الاستخراج، نعيد إليك رصيدك.
جنبًا إلى جنب
| getdesign.md | Design Extractor | |
|---|---|---|
| التوافق مع المواصفات | يستخدم بنية مواصفات DESIGN.md من Google: رموز التصميم في مقدمة YAML والأقسام المعيارية بترتيب المواصفات. | يتبع مواصفات DESIGN.md من Google: مقدمة YAML لا تحتوي إلا خصائص المواصفات دون مفاتيح مخصصة في المستوى الأعلى، والأقسام المعيارية بترتيب المواصفات، ومدخلات مكونات تقتصر على خصائص المواصفات الثماني بقيم صريحة. |
| وصفات المكونات | تُعرَّف المكونات كرموز في مقدمة YAML وتوصف نصيًا، دون HTML. | كل مكوّن يختاره من الصفحة، مثل الترويسة والتذييل والأزرار وحقول الإدخال والبطاقات، يأتي على شكل وصفة: شيفرة HTML و CSS مختزلة في قسم Components، ليتمكن وكيل البرمجة لديك من إعادة بنائه. |
| التحقق مقابل الموقع الحي | غير متوفر | نعم. تُعرض كل وصفة وحدها ويُتحقَّق منها مقابل الموقع الحي: مطابقة بنيوية لأجزائها ومقارنة على مستوى البكسل. المكوّن الذي لا يجتاز الفحص يُعلَّم مع ذكر السبب، ولا يُقدَّم أبدًا على أنه مُتحقَّق منه. |
| المواقع المقيّدة جغرافيًا | تأتي الملفات من الكتالوج أو من طلب خاص. | نعم. عندما يحظر موقع الزوار من بعض الدول، تعرض العملية الفاشلة أداة لاختيار الدولة، تتصدرها الدول التي تُحمَّل منها الصفحة، ثم تُجري عملية الاستخراج نفسها عبر متصفح هناك. تكلّف العملية عبر دولة أخرى سعر Pro مضافًا إليه رسم إضافي من الرصيد قدره 6 (المجموع: 16 رصيدًا). |
| ما هو | مجموعة مختارة من ملفات DESIGN.md مستخلصة من تحليل مواقع حقيقية، يتولى صيانتها فريق VoltAgent. | أداة توليد: تعطيها رابطًا عامًا، فتُعيد ملف DESIGN.md لذلك الموقع. |
| أي موقع عند الطلب | ليس فورًا. للحصول على موقع خارج المجموعة المجانية ترسل طلبًا خاصًا مدفوعًا، ويُسلَّم الملف إلى بريدك الوارد. | نعم. الصق أي رابط عام وتبدأ العملية فورًا. ويُفتح ملف DESIGN.md في صفحة النتيجة عند انتهائها. |
| ملفات مجانية | نعم. مجموعة مجانية يمكنك تنزيلها أو تثبيتها باستخدام npx getdesign@latest add stripe. ويوجد 84 من هذه الملفات أيضًا في مستودع awesome-design-md على GitHub، بموجب ترخيص MIT. | عمليات الاستخراج مدفوعة. أما معرض ملفات DESIGN.md التي سبق أن استخرجناها فقراءته ونسخه مجانيان. |
| التغطية | كتالوج مواقع يضم 551 من المواقع. خارج المجموعة المجانية، يعرض مُدخل الكتالوج معاينة ويتيح طلبًا مدفوعًا، لا تنزيلًا. | أي موقع ويب عام، إضافة إلى معرض صغير لعلامات تجارية مستخرجة مسبقًا. |
| السعر | المجموعة المجانية: مجانية. ملف DESIGN.md خاص: 39 $ لمرة واحدة (السعر المُعلن 59 $). Catalog Pass: 99 $ شهريًا مقابل 45 من الملفات المختارة، مع إضافة 5 أو أكثر كل شهر. | رصيد مدفوع مسبقًا، بلا اشتراك. تبدأ الباقات من 5 $ مقابل رصيد قدره 50، وتكلّف عملية استخراج Pro 10 أرصدة. لا تنتهي صلاحية الرصيد. |
| كيف يُصنع الملف | تحليل مستقل للأنماط التي يمكن ملاحظتها علنًا على الموقع، منسَّق ليكون نقطة انطلاق للإلهام. | يُبنى من الموقع الحي في متصفح لحظة تشغيلك العملية. ويأخذ مستوى Pro عينات من الصفحات الرئيسية للموقع. |
| حداثة البيانات | لقطة من وقت تحليل الموقع. لا تعرض المدخلات تاريخ التحليل. | حديث بقدر لحظة تشغيلك العملية. وإعادة الاستخراج لاحقًا عملية جديدة مدفوعة. |
| وصول الوكلاء | أداة CLI تثبّت ملف DESIGN.md بالاسم. لا يوجد خادم MCP ولا API. | خادم MCP لـ Claude Code و Cursor و Codex و ChatGPT وغيرها من العملاء، وإضافة Chrome لعلامة التبويب المفتوحة لديك. |
| إضافات | معاينات حية بالوضعين الفاتح والداكن لكل ملف، وحِزم بداية (حزمة المواقع بسعر 249 $ لمرة واحدة، والسعر المُعلن 299 $). | أدوات مجانية: أداة للتحقق من DESIGN.md، وأداة للعثور على خطوط المواقع، وأداة لاستخراج لوحة الألوان. |
ما يقدّمه getdesign.md
- مجموعة مجانية من ملفات DESIGN.md لعلامات تجارية معروفة، معظمها متوفر أيضًا على GitHub باسم awesome-design-md بموجب ترخيص MIT.
- تثبيت بسطر واحد من الطرفية باستخدام npx getdesign.
- معاينات حية بالوضعين الفاتح والداكن لكل ملف.
- ملفات DESIGN.md خاصة لمواقع أخرى عند الطلب، تُسلَّم بالبريد الإلكتروني، واشتراك Catalog Pass الشهري.
- حِزم بداية، مثل حزمة المواقع.
مجموعة جاهزة مقابل أي رابط عند الطلب
المجموعة الجاهزة سريعة حين تكون العلامة التجارية التي تريدها ضمنها. لكن منتجك أنت، أو موقع أحد عملائك، أو منافسًا صغيرًا، نادرًا ما يكون في أي كتالوج. ويعالج getdesign.md ذلك بطلب خاص مدفوع يُسلَّم بالبريد الإلكتروني.
أما Design Extractor فيعالجه بعملية استخراج تُجريها بنفسك: الصق الرابط في الصفحة الرئيسية فيُصنع ملف DESIGN.md من الموقع الحي، مع وصفات مُتحقَّق منها مقابله. شاهد ملفات مكتملة في المعرض.
كيف تنتقل من getdesign.md
- الصق رابط الموقع في الصفحة الرئيسية لـ Design Extractor وشغّل عملية استخراج Pro.
- احفظ النتيجة باسم DESIGN.md في جذر مستودعك بدلًا من الملف القديم، وأبقِ الإشارة إليه في AGENTS.md أو CLAUDE.md. وإذا عدّلته يدويًا فافحصه باستخدام DESIGN.md Validator المجاني.
- أو دع وكيلك يتولى ذلك: اربط خادم MCP واطلب منه استخراج الموقع.
الخلاصة
اختر Design Extractor إذا كنت تحتاج إلى ملف DESIGN.md لأي موقع عند الطلب، لا من كتالوج فقط، مع وصفات للمكونات مُتحقَّق منها على الموقع الحي. فهو يقرأ الموقع كما يبدو لحظة تشغيلك العملية ويتبع مواصفات Google، مع وصفة لكل مكوّن يختاره من الصفحة، والوصفة التي لا تجتاز الفحص تُعلَّم مع ذكر السبب. ويستطيع وكيلك بدء عمليات الاستخراج بنفسه عبر خادم MCP.
مقارنات أخرى
designmd.me مقابل Design Extractor
مقارنة بين أداتين تحوّلان الرابط إلى DESIGN.md من حيث التوافق مع المواصفات، ووصفات المكونات، والتحقق على الموقع الحي، والسعر.
Refero Styles مقابل Design Extractor
مكتبة مجانية كبيرة لأنماط المواقع مقارنةً بملف DESIGN.md متوافق مع المواصفات من أي رابط، مع وصفات للمكونات مُتحقَّق منها على الموقع الحي.
TypeUI مقابل Design Extractor
إضافة Chrome المجانية من TypeUI، التي تملأ قالبها الخاص من أنماط الصفحة المفتوحة في علامة التبويب، مقارنةً بملف DESIGN.md متوافق مع المواصفات مع وصفات للمكونات مُتحقَّق منها على الموقع الحي.
الأسئلة الشائعة
getdesign.md مقابل Design Extractor: أسئلة
إجابات قصيرة عن getdesign.md و Design Extractor، تم التحقق منها في 2026-10-20.
جزئيًا. المجموعة المجانية على getdesign.md، ومعظمها متوفر أيضًا على GitHub باسم awesome-design-md بموجب ترخيص MIT، يمكن تنزيلها أو تثبيتها باستخدام npx getdesign. ملف DESIGN.md خاص لموقع آخر يكلّف 39 $ لمرة واحدة، واشتراك Catalog Pass يكلّف 99 $ شهريًا. تم التحقق من الأسعار في 2026-10-20.
نعم، كطلب خاص مدفوع: ترسل الرابط ويسلّمون الملف إلى بريدك الوارد. في 2026-10-20 لم يكن في الموقع مولّد فوري ذاتي الخدمة. أما Design Extractor فيُنشئ ملف DESIGN.md من أي رابط عام بمجرد تشغيلك العملية.
نعم. لا تستخدم مقدمة YAML إلا خصائص المواصفات، دون مفاتيح مخصصة في المستوى الأعلى، وتأتي الأقسام المعيارية بترتيب المواصفات، ولا تستخدم مدخلات المكونات إلا خصائص المواصفات الثماني بقيم صريحة. وتفحص أداة DESIGN.md Validator المجانية أي ملف مقابل المواصفات.
تُعرض كل وصفة وحدها وتُقارَن بالموقع الحي: مطابقة بنيوية لأجزائها مع ما قيس على الصفحة، ومقارنة على مستوى البكسل مع لقطة جديدة للعنصر الحقيقي. الوصفة التي تفشل يُعاد بناؤها ويُتحقَّق منها مرة أخرى، وإن ظلت لا تجتاز الفحص فإنها تُعلَّم مع ذكر السبب.
لا. تستخدم عمليات الاستخراج رصيدًا مدفوعًا مسبقًا: تبدأ الباقات من 5 $ مقابل رصيد قدره 50، وتكلّف عملية استخراج Pro 10 أرصدة. لا تنتهي صلاحية الرصيد ولا يوجد اشتراك. أما تصفّح المعرض واستخدام الأدوات المجانية فلا يكلّفان شيئًا.
نعم. كلاهما يقدّم لك ملف DESIGN.md تضعه في مستودعك وتوجّه وكيلك إليه. والانتقال إلى Design Extractor لا يغيّر إعداد وكيلك.
احصل على ملف DESIGN.md للموقع الذي تحتاجه
الصق أي رابط عام. يأخذ مستوى Pro عينات من الصفحات الرئيسية للموقع ويُعيد ملف DESIGN.md متوافقًا مع المواصفات، مع وصفات للمكونات مُتحقَّق منها على الموقع الحي.