anydesign은(는) 무엇을 하나요?
이미지, 웹사이트, Figma 파일을 분석하여 토큰 시스템, 컴포넌트 인벤토리, 재구성 노트가 포함된 구조화된 design.md 파일을 생성하는 Claude 스킬입니다.
기능
- 이미지, 웹사이트 URL, Figma 파일 링크 등 다양한 입력 소스 지원
- 디자인 토큰(색상, 타이포그래피, 간격 등) 자동 추출
- 컴포넌트 인벤토리(버튼, 입력 필드, 카드 등) 생성
- 재구성 노트 제공
사용 방법
Claude에게 이미지, 웹사이트 URL, 또는 Figma 파일 링크를 제공하면 자동으로 분석을 시작합니다.
예시
이 웹사이트 디자인을 분석해줘: https://example.com
출력
분석 결과는 design.md 파일로 저장되며, 다음 섹션을 포함합니다:
- 디자인 토큰 - 색상, 폰트, 간격 등의 시스템
- 컴포넌트 인벤토리 - 사용된 UI 컴포넌트 목록
- 재구성 노트 - 코드로 재구현하기 위한 가이드