플러스프로젝트 배경
초기 제품 기획 단계에서는 아이디어를 화면 구조로 옮기는 속도가 의사결정 속도를 좌우합니다. 목표는 자연어 입력만으로 화면 초안을 만들고 여러 모델의 결과를 비교하면서 빠르게 시안을 검토할 수 있는 생성형 UI 서비스를 구축하는 것이었습니다.
프로젝트 성과
생성형 UI 서비스 구조 구축
자연어 입력, 다중 LLM 추론, Excalidraw 렌더링, E2B 샌드박스 실행, Stripe 결제까지 하나의 서비스 흐름으로 연결했습니다.
핵심 기능
자연어 기반 와이어프레임 생성
텍스트 요구사항을 받아 와이어프레임과 프로토타입 초안으로 변환하고 결과를 즉시 검토할 수 있게 구성했습니다.
진행 단계
생성 파이프라인과 서비스 운영 구조 구축
2024.07.
입력 화면, 모델 호출, 결과 렌더링, 실행 격리, 상태 저장, 결제 흐름을 단계적으로 연결했습니다.
프로젝트 상세
1) 포트폴리오 소개 자연어 설명만으로 와이어프레임과 프로토타입 초안을 생성하는 AI 프로토타이핑 시스템입니다. 아이디어를 화면 구조로 빠르게 전환하고 결과를 바로 검토할 수 있도록 설계했습니다. 2) 작업 범위 Next.js 14 기반 UI, Vercel AI SDK 다중 LLM 생성 흐름, Excalidraw 렌더링, E2B 샌드박스 실행, Supabase·Upstash·Vercel KV 상태 관
