跳过主要内容
广告OpenFree logo推广你的产品触达更多潜在用户,助力产品增长与收益提升。投放广告
Favicon of OpenUI

OpenUI

Free 等级项目

OpenUI 是面向生成式 UI 的开放标准,让 AI 应用与智能体以交互式 UI、图表、表格、表单和仪表板进行响应。它使用 OpenUI Lang 这一紧凑、流式优先的语言,LLM 可基于你自己的组件构建界面。

访问 thesysdev/openui

项目简介

OpenUI 是面向生成式 UI 的开放标准,使 AI 应用与智能体能够以交互式 UI、图表、表格、表单和仪表板进行响应。OpenUI Lang 是 LLM 用来基于你自己的组件构建界面的紧凑、流式优先语言,它不是 JSON;每一行定义一个组件,例如 root = Stack([header, chart]),因此界面可在响应仍在流式传输时渲染。

核心功能

  • OpenUI Lang 是紧凑、流式优先的语言,LLM 可基于自己的组件构建界面,每一行定义一个组件,例如 root = Stack([header, chart]);界面可在响应仍在流式传输时渲染;适配任意模型、任意前端框架以及现有设计系统或组件库;可生成交互式 UI、图表、卡片、仪表板、表单和表格;基准页面称 OpenUI Lang 生成速度最高快 3 倍,且比基于 JSON 的 UI 格式少用 67% 的 token;OpenUI 完全开源,并可与自己的组件和设计系统配合使用。

适用场景

  • 构建以交互式 UI、图表、表格、表单和仪表板响应的 AI 应用与智能体;从响应渲染仪表板、表单、表格、图表和完整应用界面,而不仅是聊天消息;通过 Vercel AI SDK、LangChain、LangGraph、Convex、Cloudflare、CrewAI、n8n、Haystack 等集成把 OpenUI 加入现有智能体代码,无需重写;在 React、Next.js、Vue、Svelte、Angular、Nuxt、Remix、Astro 等现有前端框架中使用。

快速开始

  • 运行 pnpx @openuidev/cli@latest create 可搭建可运行的应用;在项目中运行 npx @openuidev/cli@latest setup-agent 可向 AGENTS.md 添加 OpenUI 说明,供 Codex、Cursor、Claude Code 等编码智能体使用;使用 npx @openuidev/cli@latest create 创建的项目已包含这些智能体说明。

采用前须知

  • 许可证:MIT。在使用、修改或分发项目前,请确认其具体条款。

评论

登录 后发表评论。

更多类似 OpenUI 的项目

Favicon of Hallmark

Hallmark

Free 等级项目星标数: 30.6K

面向 Claude Code、Cursor 和 Codex 的反套路设计技能。

应用与界面生成

Hallmark 是面向 Claude Code、Cursor 和 Codex 的开源设计技能,可帮助 AI 代理按简报构建、审计、重构和研究网页界面,并通过多套主题与反套路检查减少模板化输出。

Favicon of Anatomy

Anatomy

Free 等级项目星标数: 1.5K

面向 Claude Code 的实时等距机械图技能

应用与界面生成

Anatomy 是一个 Claude Code 技能,可把一句想法变成真实机器的可交互等距图。它自行发明对象,用众多实体零件搭建,并让所有读数与驱动物体运动的同一模型保持一致。