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 分