jev에서 유효한 스펙을 빠르게 선택하고 조립하는 것과 연결된 것으로, Vercel Labs의 Generative UI 프레임워크를 알고 있으면 도움이 됩니다.

json-render
https://github.com/vercel-labs/json-render

Generative UI에 관한 내용입니다...

⚠️ title 필드는 반드시 한국어로 번역하세요. 고유명사(OpenAI, Unity 등)만 영문 유지.
⚠️ [IMG:N] 형식 토큰은 이미지 placeholder 입니다. 번역하지 말고 원래 위치에 그대로 유지하세요.

AI가 단순히 텍스트를 작성하는 것을 넘어 실제로 화면 자체를 생성하도록 하는 것이 Generative UI의 핵심입니다! 하지만...

문제는 AI가 자유롭게 HTML을 생성하게 두면, 디자인 시스템이 깨지고, 액션들이 복잡하게 얽히며, 보안까지 불안정해진다는 것입니다.

json-render는 이와 반대되는 접근 방식을 취합니다. 개발자가 먼저 카탈로그를 정의하는 방식입니다.

마치 사용 가능한 컴포넌트, props, 그리고 액션만 열어주는 것처럼요...

AI는 그 안에서 JSON 스펙을 생성하기만 하고, 렌더러가 그것들을 실제 React/Vue 컴포넌트로 연결해 주는 것입니다.

json-render = AI가 UI를 생성하지만, 오직 우리의 디자인 시스템 내에서만
+
jev = 이를 훨씬 더 짧게 만듭니다!!!

이 흐름에서 jev와 결합하면 시너지가 발생하며, 데모를 확인해 보시면 얼마나 믿을 수 없을 만큼 빨라지는지 알 수 있습니다.