참고팁X
웹사이트 디자인을 내 코드로 즉시 복사하는 MCP 도구 공개
URL만 입력하면 CSS, 폰트, 컬러 팔레트 등 스타일을 추출해 프로젝트에 바로 적용하는 워크플로우.
요약
특정 웹사이트의 디자인을 자신의 프로젝트에 바로 적용할 수 있게 해주는 새로운 MCP(Model Context Protocol) 도구가 등장했다. 이 도구는 입력한 URL의 HTML과 CSS를 분석하여 색상 팔레트, 타이포그래피, 간격 토큰, 테두리 반경, 그림자 등의 디자인 요소를 추출한다. 별도의 스크린샷 캡처나 수동으로 색상 코드를 확인하는 과정 없이 코드를 직접 추출 및 적용할 수 있다. 대부분의 구현에서 브라우저 자동화 없이 순수 HTTP 요청과 파싱만으로 작동하는 것이 특징이다. 이를 통해 디자인 툴을 거치지 않고도 웹사이트의 UI를 깔끔하게 복사하여 개발 환경에 즉시 적용할 수 있다.
AI가 원문을 요약한 내용으로, 부정확할 수 있습니다.
원문 제목 @cyrilXBT: SOMEONE BUILT AN MCP THAT COPIES ANY WEBSITE'S DESIGN INTO YOUR OWN PROJECT. Point it at a URL. It fetches the HTML and CSS, extra
원문 보기 ↗