Ditto
어떤 웹사이트든 5분 안에 컴포넌트화된 Next.js 또는 Vite 코드로 바꾸는 오픈 소스 결정론적 웹사이트 클론 도구.
Ditto 소개
Ditto는 오픈 소스 결정론적 웹사이트 클론 도구입니다. 웹사이트를 지정하면 5분 안에 깔끔하고 컴포넌트화된 Next.js 또는 Vite 코드를 얻을 수 있습니다. 공식 설명에 따르면 대규모 언어 모델의 운에 의존하지 않고 빠르고 안정적이며 일관된 결과를 생성하며, 디자인 시스템, 토큰, 글꼴, 상호작용, 애니메이션, 중단점과 페이지 섹션을 추출합니다. 결과물은 TypeScript를 사용하고, 스타일은 Tailwind v4 또는 CSS를 지원하며, 라우팅은 단일 페이지와 다중 페이지를 지원합니다. 전체 파이프라인을 자체 호스팅할 수 있고, 호스팅 REST API로 URL 제출, 완료까지 폴링, 프로젝트 가져오기와 진행률 실시간 확인도 가능합니다. MCP 서버를 통해 Claude, Cursor 또는 자체 빌드 프로세스에 연결할 수도 있습니다. MIT 라이선스이며 페이지에는 $0로 표시되어 있습니다.
적합한 사용자
적합한 활용 장면
기존 웹사이트를 깔끔하고 컴포넌트화된 Next.js 또는 Vite 프로젝트로 클론
AI 애플리케이션의 신규 사용자에게 실제 코드의 출발점 제공
REST API로 웹사이트 클론을 자동화 워크플로에 연결
Claude와 Cursor 같은 에이전트가 클론 기능을 직접 호출하도록 지원
기능
결정론적 클론
대규모 언어 모델의 운에 의존하지 않고 5분 안에 깔끔하고 컴포넌트화된 Next.js 또는 Vite 코드를 생성
디자인 시스템 추출
디자인 시스템, 토큰, 글꼴, 상호작용, 애니메이션, 중단점과 페이지 섹션을 추출
REST API
URL을 제출하고 완료될 때까지 폴링한 뒤 프로젝트를 가져오며, 스크래핑·생성·검증 진행률을 실시간으로 확인
MCP 서버
클론 기능을 Claude, Cursor 또는 자체 빌드 프로세스에 연결해 모든 에이전트가 호출할 수 있도록 지원
장점
- 빠르고 안정적이며 일관된 결정론적 출력
- 깔끔하고 컴포넌트화된 Next.js 또는 Vite 코드 생성
- MIT 라이선스의 완전한 오픈 소스로 전체 파이프라인 자체 호스팅 가능
- 에이전트 워크플로에 쉽게 통합할 수 있는 REST API와 MCP 서버 제공