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

DembrandtはNode.js CLIツールで、PlaywrightでサイトをレンダリングしDOMスタイルを読み取って、カラー・タイポグラフィ・スペーシング・ボーダー・シャドウ・モーション・コンポーネントをW3Cデザイントークンに変換する。CIドリフト検知とMCP対応。

oh-my-designはAIコーディングエージェントにデザインシステムリファレンスとスキルをインストールするオープンソースCLIツールです。1コマンドで440以上の企業デザインリファレンス、28のスキル、20の専門エージェントをClaude Code、Codex、Cursor、OpenCodeに追加します。哲学、トークン、コンポーネント契約を含むポータブルDESIGN.mdを生成します。

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

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

実際のウェブサイトやブランドから抽出されたDESIGN.mdファイルの精選コレクション。プロジェクトにDESIGN.mdをドロップするだけで、AIコーディングエージェントがそのブランドのビジュアルアイデンティティ、カラー、タイポグラフィ、レイアウトパターンに一致するUIを生成できます。

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