Claude, URL에서 색상, 글꼴, 레이아웃을 포함한 모든 UI 복제 가능

@HowToAI_의 데모에 따르면, Claude는 이제 URL에서 색상, 글꼴, 레이아웃을 추출하여 인터페이스를 재구축함으로써 모든 UI를 복제할 수 있습니다. Anthropic은 이 기능을 공식적으로 확인하지 않았습니다.

@HowToAI_의 데모에 따르면, Anthropic의 Claude는 이제 붙여넣은 URL에서 모든 UI를 복제할 수 있습니다. 이 모델은 정확한 색상, 글꼴, 레이아웃을 추출한 다음 인터페이스를 재구축합니다.

주요 사실

• Claude는 붙여넣은 URL에서 UI를 복제합니다.
• 정확한 색상, 글꼴, 레이아웃을 추출합니다.
• 인터페이스를 자동으로 재구축합니다.
• X(구 트위터)에서 @HowToAI_가 데모를 선보였습니다.
• Anthropic에 의해 아직 공개적으로 문서화되지 않은 기능입니다.

@HowToAI_의 트윗에 따르면, Claude는 이제 인터넷상의 모든 UI를 복제할 수 있습니다. URL을 붙여넣기만 하면 정확한 색상, 글꼴, 레이아웃을 가져와 인터페이스를 재구축합니다. 이 데모는 Claude가 단 하나의 링크로부터 웹 페이지의 시각적 디자인을 복제하는 모습을 보여줍니다.

Anthropic은 아직 이 기능을 공개적으로 문서화하거나 사용 가능 여부를 확인하지 않았습니다. 보도 시점까지 회사는 논평 요청에 응답하지 않았습니다. 이 기능은 렌더링된 UI를 파싱(Parsing)하고 일치하는 HTML/CSS를 출력함으로써 Claude의 시각(Vision) 및 코드 생성(Code Generation) 능력을 활용하는 것으로 보입니다.

독자적인 관점: 이 기능은 스크린샷이나 프롬프트(Prompt)로부터 UI를 생성하는 Vercel의 V0 및 Bolt.new와 같은 도구들과 직접적으로 경쟁합니다. 하지만 스크린샷 없이 URL을 직접 입력받는 Claude의 능력은 브라우징(Browsing)과 코드 생성의 더 깊은 통합을 시사하며, 기존 인터페이스를 재구축하려는 개발자들의 마찰을 잠재적으로 줄여줄 수 있습니다. 핵심적인 차별점은 실시간 렌더링 파이프라인(Live rendering pipeline)입니다. Claude는 페이지를 가져오고, 시각적 구조를 파싱하며, 일치하는 코드를 한 단계로 출력해야 합니다.

작동 방식: 이 모델은 아마도 브라우저 도구 (browser tool)를 사용하여 URL을 로드한 다음, 멀티모달 분석 (multimodal analysis)을 적용하여 디자인 토큰 (design tokens) — 16진수 색상 (hex colors), 글꼴 제품군 (font families), 간격 (spacing), 레이아웃 그리드 (layout grid) — 을 식별할 것입니다. 그런 다음 해당 요소들을 재현하는 코드 스니펫 (code snippet, 아마도 HTML/CSS)을 생성합니다. 이는 스크린샷-투-코드 (screenshot-to-code) 도구의 접근 방식을 반영하지만, URL 입력이라는 편리함을 더했습니다.

시사점: 프론트엔드 개발자 (frontend developers)들에게 이는 경쟁사의 디자인을 역공학 (reverse-engineering)하거나 참조 UI를 재현하는 속도를 높여줄 수 있습니다. 하지만 정확한 디자인 요소를 복제하는 것에 대한 법적 문제는 여전히 해결되지 않은 상태로 남아 있습니다. Anthropic의 서비스 약관이 이러한 사용을 제한할 수도 있습니다.

보고의 공백: 소스 트윗은 이 기능이 Claude의 웹 앱 (web app), API, 또는 둘 다에서 사용 가능한지 명시하지 않았습니다. 가격이나 사용 제한에 대해서도 언급되지 않았습니다. 데모에는 Claude 3.5 Sonnet 또는 Opus가 사용되었을 가능성이 높지만, 정확한 모델 버전은 확인되지 않았습니다.

핵심 요약 (Key Takeaways)

• @HowToAI_의 데모에 따르면, Claude는 이제 URL에서 색상, 글꼴, 레이아웃을 추출하여 인터페이스를 재구축함으로써 모든 UI를 복제할 수 있습니다.
• Anthropic은 이 기능을 공식적으로 확인하지 않았습니다.

주목할 점 (What to watch)

이 기능을 확인해 주는 Anthropic의 공식 문서나 변경 로그 (changelog) 항목을 주시하십시오. 또한 V0 또는 Bolt.new와 같은 경쟁사들이 URL 기반 UI 복제 기능을 추가하는지도 모니터링하십시오. 디자인 기업의 법적 도전이 저작권 경계를 시험할 수도 있습니다.

원문 게시: gentic.news