compomo

CompoMoは@ds-mo/uiとして公開されるフレームワーク中立のWebコンポーネントライブラリ。Stencil.jsで構築され、TokoMoデザイントークンでスタイリングされる。カスタム要素に加え、生成されたAngular、React、Vueアダプターとして配布される。ds-moファミリー的一员で、@ds-mo/tokensや@ds-mo/iconsとともに提供される。 インストールでは@ds-mo/tokens、@ds-mo/icons、@ds-mo/uiの3パッケージが導入され、TokoMoトークンはアプリケーションルートで1回インポートする。 使用方法はフレームワークに依存する。プレーンHTMLではコンポーネントモジュールをインポートするだけでカスタム要素が自動定義される。Angularはコンポーネントごとのスタンドアロンアダプターを、ReactとVueはそれぞれ@ds-mo/ui/reactおよび@ds-mo/ui/vueから生成されるラッパーを使用する。 ライブラリは@ds-mo/ui/shell、@ds-mo/ui/toast、@ds-mo/ui/utils、@ds-mo/ui/prose.css、@ds-mo/ui/control-elevation.cssなどの公開サポート表面を文書化している。グローバルCSSバンドルは意図的に存在せず、スタイルは各カスタム要素に添付される。 ブラウザサポートについては「Baseline Newly available」セットを対象とし、コンポーネントは Baselineコアブラウザで相互運用可能になった時点でウェブプラットフォーム機能を採用する。 注目すべき追加機能としてcompomo-mcpがある。ローカル実行可能ファイルであり、生成されたコンポーネントメタデータと実行可能なコンポジションレシピをCustom Elements、Angular、React、Vue向けに公開する。MCPサーバーとして登録可能で、stdioのみの使用を前提とし、2026-07-28現代プロトコルおよび2025-11-25までのレガシinitializeベースのリビジョンに対応する。 ドキュメントはStorybook入門、フレームワーク統合ガイド、v13移行ガイド、メンテナー用ドキュメントルーター、AGENTS.mdに分割されている。READMEではパッケージバージョンやコンポーネント一覧などをDuplicationしない方針を示している。