AI Skills
openui

openui

Popular

Use for building, debugging, integrating, migrating, or documenting OpenUI, OpenUI Lang, Agent Interface, OpenUI Cloud, @openuidev packages, streaming generative UI rendering, component libraries, existing-project Cloud integration, self-hosted-to-Cloud migration, migrations from JSON UI formats, Cloud tools (web/image search, artifacts), remote MCP servers, custom function tools and tool loops, and multi-user or multi-app identity (frontend tokens, app_id/user_id, conversation APIs, Responses metadata).

8.5Kstars
613forks
Updated 8/29/2026
Get SkillSource Code

Related Skills

fix247Kvue-patterns240Kfix247K
SKILL.md
read-only
name
openui
description

Use for building, debugging, integrating, migrating, or documenting OpenUI, OpenUI Lang, Agent Interface, OpenUI Cloud, @openuidev packages, streaming generative UI rendering, component libraries, existing-project Cloud integration, self-hosted-to-Cloud migration, migrations from JSON UI formats, Cloud tools (web/image search, artifacts), remote MCP servers, custom function tools and tool loops, and multi-user or multi-app identity (frontend tokens, app_id/user_id, conversation APIs, Responses metadata).

OpenUI

OpenUI is a full-stack Generative UI framework centered on OpenUI Lang, a compact, streaming-first language for model-generated UI. Do not treat OpenUI as React-only: the core language, parser, prompt generation, runtime evaluation, and types live in @openuidev/lang-core; React, Vue, Svelte, and no-build browser integrations sit on top of that core.

Work from the user's app or project first. Inspect installed packages, generated templates, and lockfiles before giving API advice. When installed source is missing or the task targets latest, use only first-party OpenUI sources: the GitHub repo at https://github.com/thesysdev/openui and docs at https://www.openui.com.

First Checks Before Answering

  • Inspect the user's project package.json and lockfile when available.

  • Identify which @openuidev/* packages and versions are installed.

  • Prefer installed package exports and generated templates over assumptions.

  • Use installed node_modules/@openuidev/*, .d.ts files, and generated files as the source of truth when available.

  • If no app or installed package exists, use first-party docs and GitHub source.

Do not use this skill for general React UI questions, generic design system advice, unrelated AI agent harnesses, or general frontend debugging unless OpenUI or @openuidev packages are involved.

Current Package Map