← 프로젝트 목록
개인 프로젝트 · 설계·개발 (1인)
nudg
- Interaction Format
- AI-native Tooling
- Motion Runtime
문제
인터랙션 애니메이션은 보통 전용 도구에서 만드는 바이너리 파일이라, AI 코딩 도구가 읽거나 고칠 수 없고 코드 리뷰와 변경 이력도 남지 않습니다. UI는 점점 저장소 안에서 AI와 함께 만들어지는데, 인터랙션만 그 흐름 밖에 있었습니다.
핵심 결정
- 01평범한 JSON 하나 — 별도 파서 없이 모든 플랫폼이 읽고, JSON Schema로 기술되고, LLM이 안정적으로 씀. 주석 대신 note 필드로 AI가 읽을 수 있는 설명을 남김
- 02AI가 스스로 확인하게 — 검증기는 오류마다 고정 코드·위치·고치는 방법을 주고, 시뮬레이터·모션 그래프·프레임 렌더링으로 값과 실제 모습을 확인
- 03결정적 시계 — 같은 이벤트를 같은 시점에 보내면 항상 같은 값. 시뮬레이션·렌더링·적합성 테스트의 기반
- 04코어는 그리지 않음 — 이벤트 입력과 속성 값 출력만 하고 그리기는 플랫폼 어댑터 몫. 새 플랫폼은 얇은 어댑터만 추가
같은 헤드리스 코어가 JSON 파일 하나씩으로 토글·좋아요 버튼을 재생하는 데모
nudg plot이 그린 모션 그래프 — 토글을 탭하면 knob.x가 20.57까지 살짝 넘쳤다가 0.835초에 멈추는 것을 사람과 멀티모달 모델이 함께 확인
nudg render가 그린 실제 프레임 — 좋아요 하트가 커졌다가 제자리로 돌아오는 순간들
오타를 내면 검증기가 오류 위치와 고치는 방법을 알려 줌 — AI가 이 힌트로 스스로 고칠 수 있게
상세
- 프로젝트 명
- nudg — The interaction format your AI can nudge
- 고객사 · 분야
- 개인 프로젝트 / 오픈소스 (진행 중)
- 수행 기간
- 2026.10 -
- 업무 내용
- 직접포맷 설계 — 상태·이벤트·모션을 평범한 JSON 텍스트로 정의해, "조금 더 통통 튀게" 같은 요청이 필드 하나를 고치는 diff가 되게 함 (bounce 0.25 → 0.4)
- 직접AI-native를 기능 요구사항으로 정의 — 텍스트 소스, 고치는 방법을 알려 주는 검증기, 렌더링 없는 시뮬레이션, 프레임 렌더링, CLI·MCP
- 직접플랫폼 중립 구조 — 코어는 이벤트를 받아 속성 값만 내고 그리지 않음, 각 플랫폼은 얇은 어댑터로 적용
- 직접스펙이 기준 — JSON Schema와 언어 중립 적합성 테스트, 기대값은 런타임과 독립된 계산으로 만들어 구현이 자기 자신을 검증하지 않게 함
- 직접TypeScript 레퍼런스 코어(스프링·트윈·킥 모션, 상태 머신, OKLab 색 보간), DOM 어댑터와 데모 구현
- 직접AI가 스스로 확인하는 도구 — CLI(validate·simulate·plot·render)와 MCP 서버로 검증 결과, 시간별 값, 모션 그래프, 실제 프레임 이미지를 에이전트가 직접 호출
- MIT 라이선스로 오픈소스 공개 (GitHub), npm 패키지 배포 (@nudg/core) — 다음 단계는 제스처·React 어댑터(stage 1)
- 담당 역할
설계·개발 (1인)
- 사용 기술
- TypeScript
- Node.js
- JSON Schema
- Claude Code