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

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

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

TinteはデザインシステムをAgent Pluginにコンパイルするツールです。リファレンスからアイデンティティを抽出し、SKILL.mdとtokens.cssを出力し、トークンをバイパスする色をリントします。また、shadcnプリセットやエディタテーマ等も出力可能です。

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