ওপেন সোর্স। নতুন সম্ভাবনা।

DesignMD হল একটি CLI টুল যা কোনো URL থেকে জীবিত ডিজাইন সিস্টেম — রঙ, টাইপোগ্রাফি, স্পেসিং, ব্রেকপয়েন্ট, এবং ইন্টারঅ্যাকশন স্টেট — বের করে এবং AI কোডিং এজেন্টদের জন্য অপ্টিমাইজড একটি পোর্টেবল DESIGN.md ফাইল আউটপুট করে।

design-md-hub নামক ওপেন-সোর্স রিপোজিটরিতে ১২০টি ব্র্যান্ডের ডিজাইন সিস্টেম প্লেইন-টেক্সট DESIGN.md ফাইলে সংরক্ষিত, যা AI কোডিং এজেন্টদের জন্য তৈরি। প্রতিটি স্পেসিফিকেশন ব্র্যান্ডের লাইভ সাইট থেকে রিভার্স ইঞ্জিনিয়ার করা।

designlang হলো একটি Playwright-ভিত্তিক CLI যা ওয়েবসাইটের DOM থেকে DTCG টোকেন, Tailwind কনফিগ, Figma ভেরিয়েবল, shadcn থিম, কম্পোনেন্ট অ্যানাটমি, মুভমেন্ট টোকেন, ব্র্যান্ড ভয়েস, WCAG কন্ট্রাস্ট এবং মাল্টি-প্ল্যাটফর্ম এমিটারসহ একটি সম্পূর্ণ ডিজাইন সিস্টেম এক্সট্রাক্ট করে।

Better Design হলো একটি ওপেন-সোর্স MCP সার্ভার এবং shadcn/ui রেজিস্ট্রি যা AI কোডিং এজেন্টদের ডিজাইন সিস্টেম, সেমান্টিক CSS টোকেন, কম্পোনেন্ট ওভাররাইড এবং WCAG-ভিত্তিক রিভিউ রুলস প্রদান করে। এটি ৩১টি থিম সাপোর্ট করে এবং Claude Code, Cursor ও VS Code-এর মতো ক্লায়েন্টের সাথে যুক্ত হতে পারে।

brandmd হলো একটি CLI যা কোনো ওয়েবসাইটের ডিজাইন সিস্টেম থেকে একটি spec-valid DESIGN.md ফাইল তৈরি করে যা @google/design.md লিন্টার দ্বারা স্বীকৃত। এটি Claude Code এবং Cursor-এর মতো কোডিং এজেন্টদের UI লেখার আগে ব্র্যান্ড কনটেক্সট প্রদান করে।