json-render는 "사용자 생성 인터페이스(UGI, User-Generated Interfaces)"를 지향하는 도구로, AI가 JSON 포맷으로 UI를 생성하면 이를 즉시

개요 json-render는 "사용자 생성 인터페이스(UGI, User-Generated Interfaces)"라는 개념을 구현한 도구다. AI가 JSON 포맷으로 UI 구조를 생성하면, 이를 즉시 실제 앱 UI로 렌더링해주는 구조로 동작한다. 코드를 작성하지 않고도 자연어 → JSON → 화면이라는 파이프라인이 완성된다.

핵심 내용 기존 AI 코드 생성 방식은 HTML/CSS/JS 코드를 통째로 출력하는 구조였다. json-render는 이와 달리 UI를 JSON 스키마로 추상화한다. AI 모델은 컴포넌트 트리, 속성, 데이터 바인딩 등을 JSON 형태로 기술하고, 렌더러가 이를 실제 인터페이스로 변환한다. 이 방식은 AI의 출력을 더 구조적이고 검증 가능하게 만들며, 렌더링 엔진을 교체하면 같은 JSON으로 웹·모바일·데스크톱 등 다양한 플랫폼에 대응할 수 있다.

기존 대비 차별점 v0나 bolt.new 같은 도구가 코드 자체를 생성하는 반면, json-render는 선언적 JSON 계층을 두어 AI 출력과 렌더링을 분리했다. 이로 인해 AI 모델이 프론트엔드 프레임워크 문법을 몰라도 UI를 설계할 수 있고, JSON 스키마 검증을 통해 잘못된 출력을 사전에 걸러낼 수 있다는 장점이 있다.

활용 가능성 챗봇이나 AI 에이전트가 대화 중 동적으로 폼, 대시보드, 설정 화면 등을 생성해야 하는 시나리오에 유용하다. MCP 도구의 UI 출력, 사내 어드민 툴 자동 생성, 비개발자를 위한 앱 프로토타이핑 등에도 응용할 수 있다. JSON 기반이므로 버전 관리와 diff 추적도 자연스럽다.

참고 자료 - 원본 게시글 ===