# OpenUI - 생성형 UI를 위한 오픈 표준 프레임워크

> Clean Markdown view of GeekNews topic #27959. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=27959](https://news.hada.io/topic?id=27959)
- GeekNews Markdown: [https://news.hada.io/topic/27959.md](https://news.hada.io/topic/27959.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2026-03-29T09:31:02+09:00
- Updated: 2026-03-29T09:31:02+09:00
- Original source: [github.com/thesysdev](https://github.com/thesysdev/openui)
- Points: 16
- Comments: 3

## Summary

LLM이 직접 UI를 생성하는 **OpenUI**가 공개되었습니다. 전용 언어인 **OpenUI Lang**은 기존 json-render보다 토큰 사용을 줄이고 속도를 높여, 생성형 UI 워크플로를 훨씬 가볍게 만듭니다. React 런타임과 CLI, Playground까지 포함된 풀스택 구조라 프롬프트 제어부터 실시간 렌더링까지 한 번에 실험할 수 있습니다.

## Topic Body

- LLM 기반 UI 생성용 풀스택 프레임워크 : UI 생성용 언어, 런타임, 컴포넌트, 채팅 인터페이스까지 모두 포함  
- **OpenUI Lang**: UI 생성을 위한 언어, Vercel의 json-render 대비 최대 67% 토큰 절감 및 3배까지 빠름  
- **React 런타임**: 토큰 단위로 점진적 렌더링하며, 차트·폼·테이블 등 기본 컴포넌트 세트 제공  
- **라이브러리 기반 프롬프트 생성**: 허용된 컴포넌트만 모델이 출력하도록 제어  
- `npx @openuidev/cli`로 앱 스캐폴딩 및 시스템 프롬프트 자동 생성  
- **Playground 제공** : [openui.com/playground](https://openui.com/playground)에서 실시간 테스트 가능  
- **Agent Skill 연동** : Claude Code·Copilot 등에서 OpenUI Lang 기반 앱 생성·디버깅 지원

## Comments



### Comment 54109

- Author: lamanus
- Created: 2026-03-30T09:41:12+09:00
- Points: 1

구글의 a2ui 보면서 사용하기 너무 어렵다고 느꼈는데, 이번 프로젝트는 좀 더 쉽게 적용 가능해보이네요. shadcn같은 디자인 프레임워크가 생겨서 챗봇에 기본적으로 융합되지 않을까 라는 생각을 해봅니다.

### Comment 54079

- Author: kaydash
- Created: 2026-03-29T21:03:38+09:00
- Points: 1

음 아직은 아닌것같네요

### Comment 54072

- Author: cnaa97
- Created: 2026-03-29T15:59:36+09:00
- Points: 1

웹은 단순 랜더링보다 인터렉션이 더 중요한데, 앞으로 어떻게 진화할지...