누군가 어떤 웹사이트의 디자인이든 자신의 프로젝트로 복사해주는 MCP를 만들었습니다.

URL을 지정하기만 하면 됩니다. HTML과 CSS를 가져오고, 컬러 팔레트(color palette), 타이포그래피(typography), 간격 토큰(spacing tokens), 심지어 테두리 반경(border radius)과 그림자(shadows)까지 추출하여 여러분의 코드베이스에 직접 적용합니다.

스크린샷도 필요 없습니다. 헥스 코드(hex codes)를 수동으로 눈대중으로 확인할 필요도 없습니다. 대부분의 구현 방식에서 브라우저 자동화(browser automation)가 필요하지 않으며, 순수한 HTTP fetch 및 파싱(parsing)을 사용합니다.

결과: 디자인 도구를 만지지 않고도 깔끔하고 전문적인 UI를 얻을 수 있습니다.

검사기(inspector) 탭에서 색상을 일일이 수동으로 복사하던 시절로 돌아가기 전에 이 내용을 저장해 두세요.