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

designlang (ریپوزٹری manavarya09/design-extract، npm پیکج designlang) ایک اوپن سورس CLI ہے، MIT لائسنس کے تحت، جس کے لیے Node 20+ درکار ہے۔ یہ ہیڈلیس براؤزر استعمال کر کے کسی بھی لائیو URL سے ڈیزائن سسٹم نکالتا ہے۔ یہ ./design-extract-output میں 17+ فائلیں نکالتا ہے، جن میں 19 حصوں والی ڈیزائن لینگویج مارک ڈاؤن، W3C DTCG ڈیزائن ٹوکنز (primitive، semantic، اور composite لیئرز)، Tailwind config، shadcn/ui تھیم ویری ایبلز، Figma Variables JSON، CSS custom properties، ٹائپڈ React کمپوننٹ ایناتومی اسٹبز، موومنٹ ٹوکنز، برانڈ وائس JSON، اور v0، Lovable، Cursor، اور Claude Artifacts کے لیے paste-ready prompts شامل ہیں۔ یہ MCP server payload بھی لکھتا ہے اور MCP server کے طور پر چل سکتا ہے۔ سنگل پیج ٹوکن ایکسٹریکشن کے علاوہ، یہ layout-system capture (grids، flex، container widths، gaps)، چار breakpoints پر responsive crawling، interaction-state capture (hover/focus/active)، document.getAnimations() کے ذریعے durations، choreography/stagger، اور scroll recipes کے ساتھ runtime motion capture، shared versus route-specific token reconciliation کے ساتھ multi-page crawling، WCAG 2.1 contrast scoring with remediation palette suggestions، z-index maps، gradient detection، SVG icon deduplication، font-file detection، image-style classification، stack fingerprinting، CSS health auditing، semantic region classification (nav، hero، pricing، testimonials، CTA، footer)، اور reusable component clustering فراہم کرتا ہے۔ commands میں شامل ہیں: designlang URL for full extraction; site for whole-site canonical system and consistency grade; grade for shareable HTML report card and SVG badge; battle for head-to-head grading; remix to restyle in vocabularies such as brutalist، swiss، art-deco، cyberpunk، soft-ui، editorial; pack to bundle outputs; theme-swap for OKLCH hue rotation around a new primary; brand for a 13-chapter brand-guidelines book; pair to fuse two designs; dna to place a design in a measured 30-feature space against a corpus; dna-corpus to build a custom reference corpus; fidelity to score a clone against the original visually and in motion with a correction plan; gallery to build a static gallery; clone to generate a Next.js starter; apply to write tokens into a detected framework; drift، lint، اور visual-diff for CI-ready checks; sync، history، watch، اور diff for monitoring and comparison. Multi-platform emitters میں iOS SwiftUI، Android Compose، Flutter، اور WordPress outputs شامل ہیں۔ ایک Chrome extension (MV3، activeTab) one-click handoff فراہم کرتی ہے۔ یہ npm سے globally install کیا جا سکتا ہے، agent skill کے طور پر شامل کیا جا سکتا ہے، اور Claude Code plugin کے طور پر slash commands کے ساتھ آتا ہے۔ optional --smart classification Atlas Cloud یا existing OpenAI/Anthropic keys استعمال کر سکتی ہے۔ README کے مطابق deterministic، free core operation site extraction کے لیے ہے اور design scoring missing measurements کو substitute نہیں کرتی۔ یہ design-tooling اور developer-tooling پروجیکٹ ہے جو design-system audits، token generation، accessibility review، design-to-code workflows، اور clone fidelity measurement کے لیے مفید ہے۔