What is OneClickUI and its primary purpose?

OneClickUI (also known as OpenUI MCP Studio) automates UI/UX delivery for AI agents. It transforms natural-language UI briefs into production-ready React and shadcn components, streamlining the development and review process.

How does OneClickUI ensure the quality of generated UI components?

It integrates a dedicated 'proof desk' for inspecting evidence and validating output, an 'operator workbench' for pipeline oversight, and automated smoke, E2E, visual, and readiness checks directly into the UI delivery path.

Is OneClickUI a generic AI assistant or coding platform?

No, OneClickUI is intentionally focused on the UI/UX vertical. It's a specialized tool for execution, proof, and review of React and shadcn UI, rather than a broad-spectrum coding-agent platform.

What types of AI agents does OneClickUI support?

OneClickUI supports local stdio MCP workflows, designed to work seamlessly with AI clients like Codex and Claude Code, ensuring controlled generation and application of UI/UX assets.

OneClickUI

Name: OneClickUI
Author: xiaojiou176-open

byxiaojiou176-open

0•

Developer Tools

Productivity & Workflow

Design Tools

Automates UI/UX delivery and review workflows for AI agents, transforming UI briefs into production-ready React and shadcn components with integrated proof and review.

OpenUI MCP Studio provides a practical workflow for turning UI/UX briefs into high-quality React and shadcn frontend files. It allows teams to generate UI, apply files to a workspace, and maintain clear quality gates through a dedicated proof desk and review workbench. Designed as a UI/UX vertical companion for AI-driven coding agents like Codex and Claude Code, it emphasizes robust execution, verifiable proof, and structured review processes, making it ideal for shipping production-ready UI/UX work without compromising on oversight.

Key Features

01Transforms natural-language UI/UX briefs into reviewable React and shadcn frontend files

02Supports a local stdio MCP workflow for AI clients like Codex and Claude Code, ensuring controlled generation and application

03Offers an "operator workbench" (`/workbench`) to visualize live pipeline, review, and release lanes for human oversight

04Provides a dedicated "proof desk" (`/proof`) for inspecting evidence, validating output, and guiding evaluation

05Integrates automated smoke, E2E, visual, and readiness checks into the UI delivery path

060 GitHub stars

Use Cases

01Organizations using AI coding agents (e.g., Codex, Claude Code) for UI/UX work and needing a robust workflow for quality assurance and deployment

02Teams evaluating AI-assisted frontend delivery who require structured review gates and verifiable output

03Developers seeking to streamline the conversion of UI/UX design briefs into concrete, testable React components