ui: 에이전트가 직접 쓰는 UI 행동 라이브러리
vercel-labs/ui
프로젝트 소개
키보드 내비게이션, 포커스 관리, 드래그 앤 드롭, 팝업 제어 등 인터랙션 로직을 프레임워크에 의존하지 않는 순수 행동(behavior) 단위로 제공한다. @ui-sdk/core 패키지에 이러한 핵심 로직과 ARIA 접근성 처리가 포함되어 있어, UI의 동작 방식을 정의하는 데 집중할 수 있다.
React, Vue, Svelte, Solid, Web Components 다섯 가지 프레임워크에 대한 어댑터를 지원한다. 동일한 행동 코드를 작성한 뒤 각 프레임워크 전용 createParts 함수로 렌더링 컴포넌트를 생성하므로, 코드베이스 간 UI 동작 일관성을 유지하기 쉽다.
기존 헤드리스 UI 라이브러리와는 달리 AI 에이전트가 직접 컴포넌트를 생성하도록 설계되었다. npx skills add 명령으로 에이전트에 UI SDK 스킬을 부여하면, 에이전트가 행동 기반 원시(primitive)를 정의하고 프레임워크에 맞게 렌더링 코드를 작성하는 과정을 자동화한다.
현재 베타 단계이며 Apache-2.0 라이선스로 공개되어 있다. AI 에이전트를 활용한 UI 개발 파이프라인을 구축하거나, 프레임워크 독립적인 접근성 있는 인터랙션 로직을 재사용하려는 개발자에게 적합하다.
vercel-labs/ui
A library of behaviors for agents to build the next generation of user interfaces.
TypeScript
이 한국어 소개글은 AI가 자동으로 만들었습니다. 원문의 주장과 맥락은 원문에서 확인해 주세요. 저작권은 원저작자에게 있습니다.