オープンソース。新しい可能性。

DesignMDはURLから実際のデザインシステムを自動抽出し、AIコーディングエージェント向けにDESIGN.md形式で出力するCLIツールです。色、タイポグラフィ、間隔、ブレイクポイント、インタラクション状態をヘッドレスブラウザで実測します。

ライブ本番サイトから逆エンジニアリングされた120件のプレーンテキスト DESIGN.md ブランド設計仕様のコレクション。AIコーディングエージェントがブランドに合った UI を生成できる。各ブランドは実際のカラー、タイポグラフィ、コンポーネント、ガードレルおよび自己完結型 preview.html を含む。

designlangはPlaywrightを活用したCLIで、ライブDOMからDTCGトークン、Tailwind設定、Figma変数、WCAG監査まで含めた統合デザイン言語システムを抽出・生成するオープンソースツール。

Better Designは、AIコーディングエージェントにデザインシステム、セマンティックCSSトークン、UI原則、WCAG準拠のレビュールールなどを提供するオープンソースのMCPサーバーおよびshadcn/uiレジストリです。31のテーマを搭載し、Claude CodeやCursorなどのMCPクライアントと連携します。

brandmdは、ウェブサイトのデザインシステムを抽出し、公式の@google/design.mdリンターに準拠したDESIGN.mdを生成するCLIツールです。Claude CodeやCursorなどのコーディングエージェントにUI実装前のブランドコンテキストを提供します。