자연어 입력을 다양한 UI 요소로 변환하는 Shapeshift
anishfn/shapeshift
GitHub사용자가 일반 텍스트를 입력하면, 해당 텍스트 상자가 이벤트 카드, 쇼핑 목록, 시간 계산기 등 사용자의 의도에 맞는 다양한 UI 요소로 실시간 변환되는 혁신적인 도구입니다.
- 핵심 의도는 Jev 모델이 파악하고, 날짜나 금액 같은 구체적 데이터는 결정론적 코드가 처리하여 정확하게 정보를 구조화합니다. (Jev decides, code computes)
- 사용자는 복잡한 포맷팅이나 명령어를 외울 필요 없이 자연어 입력만으로 다양한 기능을 직관적으로 활용하며 데이터를 정리할 수 있습니다.
- 기본적으로 오프라인 키워드 분류기가 내장되어 있어 계정 연결 없이도 사용 가능하며, 온라인 모델 접속 실패 시에도 안정적인 작동을 보장합니다.
Shapeshift는 사용자가 일반 텍스트를 입력할 때, 해당 텍스트 상자가 이벤트 카드, 쇼핑 체크리스트, 시간 계산기 등 의도에 맞는 다양한 구조화된 UI 요소로 실시간 변환되는 도구입니다. 예를 들어, "dinner with priya friday 8pm on zoom" 같은 문장은 이벤트 카드로, "buy milk, eggs, bread and coffee"는 쇼핑 체크리스트로 자동 변환됩니다. 이 과정에서 의도 분류(Intent)는 [TypeSafe AI]의 Jev 모델이 담당하며, 날짜나 금액과 같은 구체적인 데이터 처리는 결정론적 코드가 수행하여 정보를 구조화합니다.
이 도구는 기본적으로 오프라인에서도 작동할 수 있도록 내장 키워드 분류기를 갖추고 있어 계정 연결 없이도 사용 가능합니다. 사용을 위해서는 Bun 1.2 이상 버전이 필요하며, 설치 및 실행은 `bun install`과 `bun dev` 명령어를 통해 진행됩니다. 로컬 환경(http://localhost:3000)에서 접속하여 타이핑을 시작하면 이벤트 카드, 체크리스트, 시간 계산기 등 다양한 유형의 카드를 확인할 수 있습니다.
개발자 관점에서 새로운 카드 유형을 추가하는 과정은 체계적으로 설계되어 있습니다. 먼저 `src/lib/jev/types.ts`에 키를 추가하고, `src/lib/jev/questions.ts`에 비중복 기준을 정의해야 합니다. 이후 `src/lib/parse/`에서 파서를 작성하여 등록하고, 최종적으로 `src/components/intents/`에 카드 컴포넌트를 구현한 뒤 레지스트리에 추가하는 단계를 거칩니다.