Trace는 UI 스크린샷을 실행 가능한 React 컴포넌트로 변환하는 도구입니다.
Trace는 스크린샷을 받아 실행 가능한 React 컴포넌트로 변환하는 혁신적인 도구입니다. 사용자는 스크린샷을 드롭하거나 캐시된 예제를 클릭하여 시작할 수 있으며, Google Gemini가 이를 분석하여 shadcn 스타일의 컴포넌트를 생성합니다. 생성된 컴포넌트는 Sandpack 샌드박스에서 실시간으로 편집 가능하며, AI가 인식하는 내용도 시각적으로 확인할 수 있습니다.
Trace turns UI screenshots into runnable React components.
Trace is an innovative tool that transforms screenshots into runnable React components. Users can drop in a screenshot or click a cached example to start the process, where Google Gemini analyzes the screenshot and generates components grounded in a shadcn style catalog. The resulting components are editable in a live Sandpack sandbox, allowing users to see changes in real-time while also inspecting what the AI detects.