xiaojiou176-open/openui-mcp-studio
Generate, apply, and verify production-ready React and shadcn UI from natural-language briefs.
Platform-specific configuration:
{
"mcpServers": {
"openui-mcp-studio": {
"command": "npx",
"args": [
"-y",
"openui-mcp-studio"
]
}
}
}Add the config above to .claude/settings.json under the mcpServers key.
OpenUI MCP Studio is a local stdio MCP server that turns natural-language UI requests into governed frontend delivery.
English is the canonical source of truth for repository governance and maintenance.
services/mcp-server/src/main.ts.services/mcp-server/src/index.ts.apps/web is the default frontend proof target for smoke, E2E, visual, andUI/UX checks.
contracts/* and tooling/* contain the machine-governed repository controlplane.
maintenance instead of whole-repo upstream merge as the default path.
npm install
cp .env.example .env
npx playwright install chromium firefox webkit
npm run build
npm startnpm run lint
npm run typecheck
npm run test
npm run test:e2e
npm run smoke:e2e
npm run docs:check
npm run repo:doctor
npm run repo:verify:fast
npm run repo:verify:full
npm run repo:upstream:check
npm run release:public-safe:checkdocs/index.mddocs/architecture.mddocs/environment-governance.mddocs/testing.mddocs/governance-runbook.mddocs/release-readiness.mddocs/upstream-sync-sop.mddocs/secrets-incident-runbook.mdAGENTS.mdCLAUDE.mdLICENSESECURITY.mdCONTRIBUTING.mdCODEOWNERSCODE_OF_CONDUCT.mdSUPPORT.mdmain is protected.Loading reviews...