Photo by Ammar Devedžić on Unsplash URL 하나 던지면 Claude Code가 웹사이트를 통째로 복제합니다. 개발 지식 없어도 됩니다. /clone-website 한 줄이면 끝입니다. "이거랑 비슷하게 만들어줘"라고 말할 때, 레퍼런스를 직접 찾아서 설명하는 게 얼마나 번거로웠는지 아시잖아요. URL 복붙하고, 스크린샷 찍고, 디자인 요소 하나하나 설명하고… 저도 처음엔 이게 당연한 줄 알았어요. 그런데 이제 그냥 URL 하나만 던지면 됩니다. 광고 자리 (AdSense 승인 후 교체) /clone-website가 뭔가요? — 전과 후 Claude Code에 새로운 커뮤니티 스킬이 등장했습니다. 이름은 /clone-website . 마음에 드는 웹사이트 URL을 가리키고 이 명령어 하나만 입력하면, Chrome MCP(크롬 브라우저 자동화 도구)가 해당 사이트를 직접 열어서 분석하고, 디자인 요소와 구성 방식을 통째로 뽑아냅니다. ❌ 기존 방식 레퍼런스 사이트 스크린샷 찍기 → 색상 코드 직접 찾기 → 폰트 이름 검색 → AI에게 일일이 설명 → 수십 번 수정 ✅ /clone-website URL 입력 → /clone-website 실행 → Chrome MCP 자동 분석 → 디자인 토큰 + 컴포넌트 스펙 자동 추출 → 복제 완료 복제되는 것은 단순한 겉모습이 아닙니다. 색상, 폰트, 간격 같은 디자인 토큰 과 UI를 구성하는 각 요소의 컴포넌트 스펙 까지 전부 분석합니다. 결과물은 Next.js나 React 기반의 실제 작동하는 코드로 나옵니다. 작동 원리 4단계 — Chrome MCP가 핵심입니다 이 스킬이 가능한 이유는 Chrome MCP 덕분입니다. Chrome MCP는 Claude Code가 ...
Photo by Eric Prouzet on Unsplash AI 비서 만들기 시리즈 3편 (완결) 이제 폰 텔레그램에서 메시지 한 줄로 Claude에게 일을 시킵니다. n8n 연결 30분이면 어디서든 AI 비서를 호출할 수 있습니다. 1편에서 Claude 계정을 만들고, 2편에서 Discord에 연결했습니다. 이번 3편은 시리즈의 마지막입니다. 텔레그램에 Claude를 연결하면 이동 중에도, 침대에서도, 폰 하나로 AI 비서를 쓸 수 있습니다. 텔레그램은 Discord보다 설치 편의성이 높고, 폰 사용이 훨씬 자연스럽습니다. 메시지를 보내면 Claude가 바로 답하는 구조를 n8n으로 만들겠습니다. 사전 준비: 2편에서 Claude API 키를 발급받고 n8n 계정을 만든 상태여야 합니다. 아직이라면 2편 먼저 읽기 → 광고 자리 (AdSense 승인 후 교체) Discord vs 텔레그램 — 뭐가 다른가 항목 Discord 텔레그램 폰 사용성 가능하지만 앱이 무거움 가볍고 빠름 알림 서버/채널별 설정 복잡 메시지 즉시 알림 봇 생성 Developer Portal 필요 텔레그램 앱에서 바로 가능 개인 사용 서버 생성 필요 봇과 1:1 대화 가능 속도 보통 매우 빠름 AI 비서를 폰으로 수시로 쓸 계획이라면 텔레그램이 더 편합니다. Discord는 팀 협업 채널에 AI를 붙일 때 유리하고, 텔레그램은 개인 AI 비서로 가장 적합합니다. 전체 연결 구조 텔레그램 앱에서...