ai-agent

openui – Build generative UIs fast with the open standard

Name: openui – Build generative UIs fast with the open standard
Author: thesysdev

openui lets founders prototype AI‑driven interfaces in TypeScript, using a community‑backed open standard. Backed by 10k+ GitHub stars, it’s ideal for product teams seeking scalable UI generation.

From the repo · “The Open Standard for Generative UI”

13,011 stars+2,085★ this week867 forksTypeScriptGuide quality 9/10 · reviewed Oct 8Updated 10/22/2026100% free · open source

What it does

OpenUI provides a generative UI standard for startups, allowing founders and developers to create consistent and high-quality user interfaces using a standardized framework.

When to use it

•When you need to create a consistent design language across your startup's products
•When you want to reduce the time and effort spent on designing and building UI components
•When you need to ensure accessibility and usability across different devices and platforms

Ready-to-paste prompt

npx openui-cli generate component MyButton --variant primary

Heads up: Make sure you have Node.js 16 or higher installed, as OpenUI relies on modern JavaScript features and may not work with older versions

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/openui && curl -fsSL https://workflowstacks.com/api/skills/openui/claude-skill -o ~/.claude/skills/openui/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How openui – Build generative UIs fast with the open standard works

Codeflow

Free to inspect

Openui – Build generative UIs fast with the open standard is a very large TypeScript project (~147k lines across 1729 code files, plus 47 test files). It is a full software project: use it through its install path rather than reading it end to end. Last commit this month, MIT license, has a test suite.

Size

Very large codebase

~147k lines · 1729 code files · days to read — use, don't read

Setup

Developer setup

A real software project. Use it via its install path; don't expect to read it all.

Runs on

Node.js

No API keys detected

TypeScript 91%SCSS 7%JavaScript 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
package.json
Dependencies and the commands it exposes
3
examples/.gitignore
A worked example — copy this to get going

What's in each folder

packages/Sub-packages / plugins1101 files

docs/Documentation1040 files

examples/Examples you can copy484 files

templates/Templates87 files

benchmarks/Evaluations & benchmarks40 files

scripts/Helper scripts3 files

.github/CI / automation (GitHub Actions)11 files

.changeset/Tool / agent settings7 files

READMEHas testsDocumentedCI checksExamples includedMIT licenseUpdated this month

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/openui && curl -fsSL https://workflowstacks.com/api/skills/openui/claude-skill -o ~/.claude/skills/openui/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

thesysdev

Language

TypeScript

Related skills

More ai-agent tools founders pair with this one.

ai-agent★ 303,229

superpowers

An agentic skills framework & software development methodology that works.

ai-agent★ 277,154

Track GitHub Stars with 996.ICU

ai-agent★ 253,101

Linux – 251k+ GitHub stars for building custom kernel solutions

Get the complete Linux kernel source in C, perfect for founders needing deep system control or tailored OS components.

ai-agent★ 385

TokenRouter

tokenrouter is the next generation llm gateway

ai-agent★ 5,660

ArcReel: AI Video Generation

Generate videos from novels with ArcReel, a tool for founders. 3.1k+ GitHub stars

ai-agent★ 36,367

next-ai-draw-io

A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.