openui
The Open Standard for Generative UI
OpenUI is an agent skill that enables AI coding assistants to build and debug generative user interfaces using OpenUI Lang, a compact streaming-first language for model-generated UI. The skill teaches AI agents how to design component libraries, generate system prompts, and render structured UI that streams progressively as tokens arrive. It integrates with Claude Code, Cursor, Copilot, and similar coding assistants, helping developers create chat interfaces, dashboards, forms, and interactive components with up to 67% fewer tokens than JSON-based alternatives.
Key Features
Use Cases
- 01Building AI-powered chat interfaces with streaming generative UI components
- 02Creating interactive dashboards and data visualizations from LLM output
- 03Generating dynamic forms and settings panels through natural language
- 04Building AI coding assistants that scaffold complete UI applications
- 05Integrating generative UI into LangChain or LangGraph agent workflows
- 06Creating model-generated emails with React Email component library
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
openui — FAQ
What is the OpenUI agent skill?+
The OpenUI agent skill teaches AI coding assistants like Claude Code, Cursor, and Copilot how to scaffold, build, and debug generative UI applications using OpenUI Lang. It provides knowledge about component library design, syntax, rendering, and debugging malformed LLM output.
How do I install the OpenUI agent skill?+
Install the skill using the skills CLI with the command 'npx skills add thesysdev/skills --skill openui'. This works across all compatible AI coding assistants that support agent skills.
Which AI coding assistants work with the OpenUI skill?+
The OpenUI skill is compatible with Claude Code, Codex, Cursor, GitHub Copilot, and other AI coding assistants that support the agent skills standard.
Do I need an API key to use OpenUI?+
Yes, you need an OpenAI API key (or compatible LLM provider key) to generate UI. The quick-start scaffolded app expects the key in a .env file as OPENAI_API_KEY.
Is OpenUI free to use?+
Yes, OpenUI is open source and available under the MIT License. However, you'll incur costs from your LLM provider (OpenAI, Anthropic, etc.) based on token usage.
What makes OpenUI Lang more efficient than JSON?+
OpenUI Lang uses a compact, streaming-first syntax designed specifically for UI generation. Benchmarks show it consumes 52-67% fewer tokens than equivalent JSON-based formats, reducing both latency and API costs.
How do I install openui?+
Open the source repository on GitHub and follow its README. openui is a skill — MCP Agents Market links you directly to the official repo.
Is openui free?+
openui is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.