OpenUI MCP Studio

ShadcnBrief

概要を入力すれば、React + shadcn が出力され、証拠も添付されます

得られるもの • インストール • 仕組み • エコシステム

---

ShadcnBrief は、1 段落の概要からスタイル付きの React + shadcn の UI を生成します。スクリーンショット、アクセシビリティチェック、証拠も添付されます。必要なものがすべてそろったオープンソースの MCP スタジオです。

┌──────────────────────────────────────┐
│  LOCAL-FIRST          ████████ 100%  │
│  SOURCE-TRACEABLE     ████████ 100%  │
│  TYPING REQUIRED      ░░░░░░░░   0%  │
│  VIBES                ████████ ZERO  │
│                                FILLER│
└──────────────────────────────────────┘

MCP を活用した UI ジェネレーター。概要を入力し、レンダリングし、差分を確認して、リリースします。

得られるもの

領域	内容
studio apps	概要 → プレビュー → 差分 → エクスポート。すべてローカルで完結します。
packages	証明ワークフロー向けにテーマ設定された、shadcn 準拠の再利用可能なコンポーネントです。
mcp services	MCP サーバーを通じて、任意のエージェントに概要を渡せます。
contracts	概要、レンダリング、証明のスキーマです。バージョン管理され、差分を確認できます。
tooling	スナップショットテスト、アクセシビリティチェック、デザイントークンのガードレールです。

重要

デフォルトでローカル優先です。ひそかなテレメトリーはありません。クラウドとの往復もありません。明示的にどこかへ送信するまでは、データはお使いのマシンに保存されます。

インストール

git clone https://github.com/xiaojiou176-open/shadcn-brief.git
cd ShadcnBrief
# follow the per-stack quickstart in INSTALL.md or docs/

3 つのコマンドで完了します。curl | sh は使いません。ログインも不要です。実行する内容を確認してください。

インストールに失敗しましたか？お好みのエージェントを開き、「AGENTS.md を読んで、ShadcnBrief のセットアップをお願いします」と伝えてください。エージェントが自分で対処します。詳細は docs/ をご覧ください。

仕組み

このリポジトリは 7 層で構成されており、git log にある 7 つのコミットと正確に対応しています。新しい作業は、名前を付けた小さな PR として追加します。50 ファイルに及ぶ正体不明のコミットはありません。

層	内容
chore: scaffold	ライセンス、ガバナンス、品質管理ゲート、CI の足場です。
feat(core)	中核となるエンジンです。ShadcnBrief が存在する理由です。
feat(modules)	パッケージ、アダプター、サービス、プラグインです。2 階部分です。
feat(contracts)	スキーマ、設定、公開境界です。他のコードはここを介して連携します。
test:	実行可能な証拠です。この層にあるものはすべて実行できなければなりません。
feat(ops)	スクリプト、インフラ、CI ヘルパー、ビルド用の接着剤です。
docs:	公開ドキュメントの領域です。見栄えを整える部分です。

git log は建物のフロア案内のように読めます。一度見れば、全体像がわかります。

エコシステム

ShadcnBrief はオープンファミリーの一員です。ローカル優先、ソース優先、ビルダー優先の 3 つのオープンプラットフォームで構成されています。

リポジトリ	内容
OpenCampus	Canvas + Gradescope + EdStem を、落ち着いて使える 1 つのデスクに集約
OpenVibeCoding	AI が夜通しコーディングし、朝にはあなたがリリース
ShadcnBrief (このリポジトリ)	概要を入力すれば、React + shadcn が出力され、証拠も添付されます

ファミリーを横断するお気に入り： BeamMe · BrewMe · OpenVibeCoding · proofyard。

このリポジトリにスターを付ける

ShadcnBrief によってクリック 1 回、1 時間、あるいは頭痛の種が減ったなら、スターを付けてもコストはゼロです。お互いに得な取引です。⭐

Yifeng[Terry] Yu によるその他のプロジェクト

• OpenCampus — Canvas、Gradescope、EdStemをひとつの落ち着いたデスクに
• OpenVibeCoding — AIが夜通しコードを書き、朝にはリリースできます
• BeamMe — エージェントの設定をどの惑星にも送信
• BrewMe — 目覚めれば、ニュースはすでに淹れたて
• proofyard — すべての主張に証拠を添えて公開

ライセンス

MIT — 細則は小さく、自由は大きく。