참고 사이트의 디자인 규칙을 저장해 새 화면에 활용하는 Copycat
Copycat은 마음에 드는 공개 웹사이트의 디자인 특징을 분석해 내 컴퓨터에 저장하는 도구다. 글꼴, 색상, 움직임, 화면 배치, 와 실제 적용된 스타일 정보를 모아 와 로 만든다. 사이트를 별칭으로 저장해 두면 Claude Code나 Cursor 같은 가 이후 새로운 화면을 만들 때 그 디자인 방향을 참고할 수 있다.
원본 사이트의 글이나 이미지 같은 자산은 복사하지 않는다. 모든 분석은 사용자의 컴퓨터 안에서 처리된다. 아직 초기 단계이며, 저장한 디자인 정보가 원본과 다른 새 화면을 만드는 데 얼마나 도움이 되는지는 검증이 필요하다.
개발자는 실제 에서 어떤 디자인 정보를 기억해야 유용한지 의견을 구하고 있다.
핵심 포인트
- 공개 웹사이트의 글꼴, 색상, 움직임과 화면 배치 규칙을 분석한다.
- 분석 결과를 와 로 내 컴퓨터에 저장한다.
- 저장한 디자인 방향을 Claude Code, Cursor 등으로 새 화면을 만들 때 다시 활용한다.
- 원본 사이트의 글과 이미지 자산은 복사하지 않는다.
- 새로운 화면에서도 저장된 디자인 정보가 충분히 유용한지는 아직 검증 중이다.