منصوبے کے بارے میں

ڈیزائنMD ہیڈلیس براؤزر میں اصلی پروڈکشن ویب سائٹس کو ماپ کر کمپیوٹڈ اسٹائلز، CSS کیسکیڈ ٹائپوگرافی، لائیو @میڈیا بریک پوائنٹس، اور CSSOM سے hover/focus اسٹیٹس کو کیپچر کرتا ہے۔ یہ میژرمینٹس کو ایک ساختی DESIGN.md اسپیشیفیکیشن میں تبدیل کرتا ہے جسے ڈویلپرز براہ راست Cursor، Claude Code، Windsurf، Aider، یا Copilot جیسے AI کوڈنگ اسسٹنٹس کو دے سکتے ہیں۔ CLI کے لیے Node 18+ درکار ہے اور اسے npx کے ذریعے یا گلوبلی انسٹال کر کے چلایا جا سکتا ہے۔ استعمال آسان ہے: `dmd stripe.com > DESIGN.md` مارک ڈاؤن کو stdout پر stream کرتا ہے، جبکہ `--json` فلیگ کے ساتھ LLM پروسیسنگ کے بغیر خام tokens فوری آؤٹ پٹ ہوتے ہیں۔ یہ ٹول DESIGNMD_API ماحولیاتی متغیر کے ذریعے self-hosting کے لیے کسٹم API اینڈ پوائنٹس کا بھی سپورٹ کرتا ہے۔ اہم خصوصیات میں لائیو براؤزر میژرمینٹ (سٹیٹک تجزیہ نہیں)، LLM context windows کے قابل مارک ڈاؤن آؤٹ پٹ، diff-able اور دوبارہ جنریٹ کرنے والی specs، اور بڑے AI کوڈنگ ایجنٹس کے لیے انٹیگریشن گائیڈز شامل ہیں۔ انانیمس استعمال کے لیے IP کے حساب سے روزانہ 5 جنریشنز تک محدود ہیں؛ --json فلیگ اس حد کو عبور کر جاتا ہے۔ ریپوزٹری میں CLI سورس، Stripe، Linear، Vercel، Notion، Anthropic، Mercury، Figma، اور Airbnb جیسی سائٹس کے نمونہ DESIGN.md آؤٹ پٹس، دستاویزات، اور انٹیگریشن گائیڈز شامل ہیں۔ extraction pipeline، LLM prompts، اور سرور انفراسٹرکچر proprietary ہیں۔