Claude용 다이어그램 디자인 도구 출시

cathrynlavery가 발표한 새로운 다이어그램 디자인 도구는 클로드 코드(Claude Code)와 같은 다양한 에이전트 스킬에 최적화된 29종의 다이어그램 타입을 제공합니다. 이 도구는 HTML과 SVG 기반으로, 그림자 없이 깔끔한 디자인을 자랑하며, 사용자의 웹사이트에서 색상과 폰트를 자동으로 추출하여 브랜드에 맞는 다이어그램을 60초 안에 생성할 수 있습니다. 이는 마케팅 자료 제작 시 시각적 일관성을 유지하는 데 큰 도움이 될 것입니다.

이 도구는 draw.io나 Mermaid와 같은 기존 다이어그램을 가져와 사용자의 필요에 맞게 포맷, 크기, 세부 사항을 조정할 수 있습니다. Figma와 같은 복잡한 도구 없이도 간편하게 사용 가능하며, 최고 품질의 다이어그램은 불필요한 요소를 제거하는 것이라는 철학을 바탕으로 설계되었습니다. 모든 다이어그램은 최소한의 라이트, 다크, 그리고 풀 에디토리얼 버전으로 제공되어 다양한 환경에서 활용할 수 있습니다.

사용자는 이 도구를 통해 웹사이트의 색상과 폰트를 자동으로 추출하여 다이어그램에 적용할 수 있습니다. 웹사이트의 주요 색상은 다이어그램의 배경이나 강조 색상으로 사용되며, 본문 폰트는 노드 레이블로 매핑됩니다. 이를 통해 사용자는 자신의 브랜드에 맞는 다이어그램을 손쉽게 제작할 수 있으며, 시각적 자료의 일관성을 유지할 수 있습니다.