openui
一个用于生成式UI的全栈框架和开放标准。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：openui。 它的用途是：一个用于生成式UI的全栈框架和开放标准。 完整的 Skill 内容见：https://321skill.com/skills/openui/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我生成一个展示最近一个月用户增长趋势的图表。”，OpenUI框架会基于你定义的图表组件库生成精确的提示词给LLM，LLM将以高效的OpenUI Lang格式流式输出，前端会实时渲染出一个交互式图表。整个过程Token消耗更低，响应更迅速。
介绍
OpenUI 是一个全栈生成式UI框架，旨在解决大语言模型（LLM）输出UI时结构混乱、效率低下的问题。它提供了一个紧凑的、专为流式输出设计的语言（OpenUI Lang），让开发者能够定义组件库，并基于此生成精确的模型指令，从而将模型输出的文本流实时解析并渲染为结构化的用户界面。
使用OpenUI，开发者首先需要定义或复用一套组件库（如图表、表单、表格等），框架会自动根据这些组件生成系统提示词。当LLM根据提示词以OpenUI Lang格式流式输出时，框架的渲染器会即时解析并更新UI，实现边生成边渲染的流畅体验。其CLI工具能快速搭建一个包含流式处理、内置UI和OpenUI Lang支持的端到端应用起点。
这个框架非常适合前端开发者、全栈工程师以及任何希望在产品中集成AI生成UI功能的团队，例如构建智能助手、副驾驶（Copilot）或需要动态生成复杂界面的交互式应用。它降低了将LLM能力与前端界面无缝结合的技术门槛。
与同类工具（如直接使用JSON或HTML作为模型输出格式）相比，OpenUI的核心优势在于其专为流式生成设计的语言格式，据称比JSON节省高达67%的Token，这意味着更快的响应速度和更低的API成本。它不是一个简单的组件库，而是一套包含语言规范、运行时和渲染引擎的完整解决方案。
核心特点
核心区别在于其专为流式UI生成设计的“OpenUI Lang”语言，相比传统的JSON格式，能显著提升Token使用效率（号称节省67%），并内置了从组件库自动生成模型提示词、以及流式解析渲染的完整运行时。
注意事项
不适合只需要简单文本对话、或无需动态生成复杂结构化UI的场景。
常见问题
OpenUI和普通UI框架（如React）有什么区别？
OpenUI是专为AI生成UI设计的全栈框架，包含一套让LLM输出结构化UI的语言和实时渲染器，而React是用于手动编写UI的库。
使用OpenUI需要机器学习知识吗？
不需要，开发者主要关注定义组件和集成API，框架负责生成提示词并处理模型输出。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/openui/raw/index.md 读取 openui 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/openui/raw/index.md（查看排版版本）