참고팁X
Claude Opus(클로드 오푸스)를 활용한 브랜드 디자인 시스템 역설계 프롬프트
URL만으로 폰트, 컬러, 컴포넌트 등 디자인 가이드를 추출하는 프롬프트 및 워크플로우 공유.
요약
X 사용자 AmirMushich는 Claude 3 Opus에게 특정 브랜드의 URL을 입력해 해당 브랜드의 디자인 시스템을 역설계하는 방법을 공유했다. 이를 통해 폰트, 색상, 그리드, 컴포넌트, 브랜드 톤앤매너, 디자인 토큰 등 웹사이트의 전반적인 디자인 요소를 추출할 수 있다. 또한, Claude 3 Opus는 해당 브랜드의 비공식 HTML 구조까지 생성해내는 성능을 보여주었다. 이번 사례는 LLM을 활용해 타사의 브랜드 디자인 시스템을 신속하게 분석하고 참고 자료로 활용할 수 있는 새로운 워크플로우를 제시한다. AmirMushich는 자신이 직접 사용한 프롬프트를 공개하며 누구나 손쉽게 브랜드를 역설계해 볼 수 있도록 지원했다.
AI가 원문을 요약한 내용으로, 부정확할 수 있습니다.
원문 제목 @AmirMushich: Reverse-engineer any brand with Claude: I gave Opus a URL & it reverse-engineered the Revolut's design system: fonts, colours,
원문 보기 ↗