AI-Assisted Development

Connect OpenUI documentation to your AI coding tools via MCP, agent skills, or LLM-friendly doc formats.

MCP Server

OpenUI docs are available through Context7, which provides a Model Context Protocol (MCP) server that AI coding tools can query directly.

Add use context7 to any prompt, or reference the library explicitly:

use library /thesysdev/openui

Quick setup

The fastest way to get started — authenticates via OAuth, generates an API key, and installs the appropriate skill:

npx ctx7 setup

Use --cursor, --claude, or --opencode to target a specific agent.

Manual setup

For manual installation instructions for 30+ clients (Cursor, VS Code, Claude Desktop, Windsurf, ChatGPT, Lovable, Replit, JetBrains, and more), see the Context7 MCP Clients page.

Agent Skill

OpenUI ships an Agent Skill that teaches AI coding assistants how to build Generative UI apps with OpenUI Lang. Once installed, your AI assistant can scaffold projects, define components, generate system prompts, wire up the Renderer, and debug malformed LLM output.

Works with Claude Code, Cursor, GitHub Copilot, Codex, and any agent that supports the agentskills.io standard.

npx skills add thesysdev/openui --skill openui

Manual copy

If you already have the OpenUI repo cloned:

mkdir -p .claude/skills
cp -r /path/to/openui/skills/openui .claude/skills/openui

What the skill covers

AreaDetails
Component designdefineComponent, createLibrary, .ref composition, schema ordering
OpenUI Lang syntaxExpression types, positional args, forward references, streaming rules
System promptslibrary.prompt(), preamble, additionalRules, examples, CLI generation
Rendering<Renderer />, progressive rendering, onAction, onParseResult
SDK packagesreact-lang, react-headless, react-ui — when to use each
DebuggingDiagnosing malformed output, validation errors, unresolved forward refs

LLM-friendly docs

For tools that support llms.txt, or if you want to load docs directly into context:

On this page