OpenUI MCP Studio

io.github.xiaojiou176-open由 GitHub 帳號 xiaojiou176-open 發布v0.3.0更新於 Oct 24, 2026

Local stdio MCP for UI briefs to React + shadcn with review, proof, and ship.

已驗證STDIO僅桌面開發者工具媒體與設計

概覽

AI 產生的概覽

本機 stdio MCP 伺服器，把一段簡短的介面需求轉成帶樣式的 React + shadcn 介面，並附上截圖、無障礙檢查與證明。

可以做什麼
  • 把一段介面需求轉成帶樣式的 React + shadcn 介面
  • 在本機預覽、比對差異並匯出產生的介面
  • 重複使用與 shadcn 對齊、面向證明流程的元件
  • 套用可版控、可比對的 brief、render、proof 結構定義
  • 執行快照測試、無障礙檢查與設計權杖檢查
適用情境
適合希望助理依文字需求草擬 React + shadcn 介面，並保留可複核結果（預覽、差異、無障礙檢查）而非未經驗證輸出的情境。
執行需求
以本機 stdio 程序在使用者電腦上執行，僅限桌面端。需複製程式碼倉庫並依 INSTALL.md 或 docs 中對應技術棧的快速開始安裝；未提及登入或套件管理器安裝。未宣告任何環境變數或請求標頭。
安裝前請注意
README 稱其預設本機優先、無暗中遙測、無雲端往返，但也說明只有在你明確發布時資料才會離開本機，因此匯出或發布步驟需自行確認。安裝來自複製的倉庫，執行前應閱讀腳本內容。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 OpenUI MCP Studio，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

[artist palette]

ShadcnBrief

brief in, React + shadcn out, proof attached

[Stars] [Last Commit] [License]

What You Get • Install • How It Work • Ecosystem

ShadcnBrief takes a one-paragraph brief and produces a styled React + shadcn surface — with screenshots, accessibility checks, and proof attached. Open-source MCP studio, batteries included.

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

MCP-driven UI generator. Brief, render, diff, ship.

What You Get

SurfaceWhat
studio appsBrief → preview → diff → export. All local.
packagesReusable shadcn-aligned components, themed for proof workflows.
mcp servicesHand a brief to any agent through an MCP server.
contractsSchemas for brief, render, and proof — versioned, diffable.
toolingSnapshot tests, a11y checks, design-token guardrails.

[!IMPORTANT] Local-first by default. No silent telemetry. No cloud round-trip. Your data stays on your machine until you explicitly ship it somewhere.

Install

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

Three commands. No curl | sh. No login. Read what you run.

Install break? Open your favorite agent and say "Read AGENTS.md and bootstrap ShadcnBrief for me." Agent fix own brain. Long version: docs/.

How It Work

The repo is seven layers — exactly the seven commits in git log. New work goes in as small named PRs. No 50-file mystery commits.

LayerWhat
chore: scaffoldLicense, governance, hygiene gates, CI scaffolding.
feat(core)The primary engine. The reason ShadcnBrief exists.
feat(modules)Packages, adapters, services, plugins. The second floor.
feat(contracts)Schemas, configs, public boundaries. Other code talks here.
test:Receipts. Everything in this layer must run.
feat(ops)Scripts, infra, CI helpers, build glue.
docs:Public docs surface. The pretty face.

git log reads like a building floor plan. Look once, know the whole shape.

Ecosystem

ShadcnBrief lives in the open family: three open platforms. local-first, source-first, builder-first.

RepoWhat
OpenCampusCanvas + Gradescope + EdStem on one calm desk
OpenVibeCodingAI codes overnight, you ship in the morning
ShadcnBrief (you here)brief in, React + shadcn out, proof attached

Cross-family taste: BeamMe · BrewMe · OpenVibeCoding · proofyard.

Star This Repo

If ShadcnBrief saves you a click, an hour, or a headache — star costs zero. Fair trade. ⭐

[Star History Chart]

Also by Yifeng[Terry] Yu

  • OpenCampus — Canvas + Gradescope + EdStem on one calm desk
  • OpenVibeCoding — AI codes overnight, you ship in the morning
  • BeamMe — beam your agent config to any planet
  • BrewMe — wake up, news already brewed
  • proofyard — every claim ships with its receipt

License

MIT — small print, big freedom.

來源：README.md，提交 590711f

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

1
  1. v0.3.0最新Sep 16, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分