Logo Design Skill for Claude은 Claude를 체계적인 아이덴티티 디자인 어시스턴트로 바꿔 줍니다. 초기 브리프부터 리서치, 콘셉트 개발, SVG 제작, 테스트, 프레젠테이션, 전달까지 프로젝트 전 과정을 안내합니다.
이 스킬은 즉흥적이고 검증되지 않은 콘셉트보다 신중한 디자인 결정을 이끌어 내도록 설계되었습니다. 워드마크, 모노그램, 레터폼, 픽토리얼 마크, 추상 심볼, 엠블럼, 마스코트, 콤비네이션 마크, 앱 아이콘, 파비콘 제작을 지원합니다.
워크플로 작동 방식
프로세스는 크게 다섯 단계로 진행됩니다.
- 브리프: Claude가 디스커버리 질문을 하거나 명확하게 설정된 가정을 바탕으로 작업합니다.
- 리서치: 레퍼런스 라이브러리를 통해 카테고리의 관습과 가능한 시각적 방향을 파악합니다.
- 콘셉트: 한 줄로 표현한 방향을 8~12개 개발한 다음, 그중 3개를 SVG 콘셉트로 제작합니다.
- 테스트 및 개선: 콘셉트를 점검하고 작은 크기, 단색, 반전, 실제 활용 맥락에서 테스트합니다.
- 체크포인트: Claude가 콘셉트 개요를 제시하고 방향을 추천한 뒤, 완성된 키트를 제작하기 전에 사용자의 선택을 기다립니다.
체크포인트는 워크플로에서 중요한 부분입니다. 방향이 승인되기 전에 모든 브랜드 자산을 자동으로 생성하지 않습니다. 콘셉트를 선택하면 컬러, 락업, 프레젠테이션 보드, 아이콘, 가이드라인 작업을 계속 진행할 수 있습니다.
프로젝트 구성
- 디자인 원칙 및 프로세스 가이드: 디스커버리 브리프, 워드 매핑, 마크 유형 선택, 기하학, 광학적 보정, 컬러, 타이포그래피, 락업, 테스트, 프레젠테이션, 전달, 리디자인, 아이덴티티 시스템.
- 레퍼런스 라이브러리: 마크 유형, 기법, 기하학, 주제, 타이포그래피, 분위기, 업종별로 분류된 1,400개 이상의 실제 SVG 로고.
- SVG 분석 도구: 구조, 컬러, 복잡도, 중앙 정렬, 미세하게 어긋난 각도, 작은 디테일을 점검합니다.
- 테스트 도구: 작은 크기, 단색 버전, 반전 버전, 눈을 가늘게 뜨고 보는 테스트, 미러 테스트, 실제 맥락, 경쟁사 진열대 테스트를 위한 콘셉트 개요와 테스트 시트를 만듭니다.
- 프레젠테이션 도구: 업종별 목업을 활용해 클라이언트 보드를 제작합니다.
- 내보내기 도구: PNG를 렌더링하고 검정, 흰색, 모노크롬, 정사각형, 파비콘, 앱 아이콘, 웹 매니페스트 버전을 만듭니다.
스킬 설치
Claude Code 마켓플레이스를 통한 설치
권장하는 Claude Code 설치 방법은 플러그인 마켓플레이스를 이용하는 것입니다.
/plugin marketplace add kaankiziltug/logo-design-skill
/plugin install logo-design@logo-design-skillClaude Code에 수동 설치
저장소를 복제한 다음 스킬 폴더를 개인 스킬 디렉터리 또는 현재 프로젝트에 복사합니다.
git clone https://github.com/kaankiziltug/logo-design-skill.git
cp -r logo-design-skill/skills/logo-design ~/.claude/skills/logo-design
# 또는 하나의 프로젝트에 설치:
cp -r logo-design-skill/skills/logo-design .claude/skills/logo-designClaude.ai 또는 Claude Desktop 사용
프로젝트의 Releases 페이지에서 logo-design.zip을 다운로드한 다음 Settings → Capabilities → Skills에서 업로드합니다. python3 tools/package_skill.py를 사용해 패키지를 로컬에서 만들 수도 있습니다. 업로드 용량이 제한된 경우 SVG 파일 자체를 제외한 logo-design-lite.zip을 사용하세요.
호환되는 다른 에이전트 사용
이 프로젝트는 개방형 Agent Skills 형식을 따릅니다. 스킬을 지원하는 에이전트라면 skills/logo-design/ 디렉터리와 그 안의 SKILL.md 파일을 불러올 수 있습니다.
Claude로 첫 로고 디자인하기
설치가 끝나면 Claude에 로고 또는 아이덴티티 작업을 요청하세요. 알고 있다면 브랜드명, 대상 고객, 업종, 원하는 성격, 실제 사용처, 시각적 제한 사항을 함께 입력합니다.
처음 저축을 시작하는 사람들을 위한 저축 앱 Harbor의 로고를 디자인해 줘. 차분하고 안전한 느낌이어야 해.
비평, 특정 방향에 집중한 제안, 자산 변환을 요청할 수도 있습니다.
- “현재 로고
logo.svg야. 비평하고 개선 방향을 제안해 줘.” - “Kiln이라는 스페셜티 커피 로스터를 위한 워드마크 방향을 3개 제안해 줘.”
- “이 심볼을 파비콘, 앱 아이콘, 단색 버전으로 변환하고 한 페이지 분량의 사용 가이드도 만들어 줘.”
Claude는 먼저 브리프를 정리하거나 가정을 명시한 다음, 관련 카테고리의 관습을 조사하고 콘셉트를 제작해야 합니다. 체크포인트에서 완성된 아이덴티티 키트를 요청하기 전에 콘셉트와 추천 방향을 검토하세요.
콘셉트 및 실제 활용 사례 검토
저장소에는 커피, 음식 배달, 패션, 축제, 교육, 스포츠, 아웃도어 장비, 호스피탈리티, 헬스케어, 금융, SaaS를 아우르는 가상의 엔드투엔드 예시가 포함되어 있습니다.
콘셉트 방향 비교
가상의 스페셜티 커피 브랜드 Kiln에 권장되는 방향은 맞춤 레터폼과 워드마크를 결합하는 것입니다. 이 콘셉트는 K의 다리 부분을 가마 아치로 활용하고, 워드마크에도 같은 아치 형태를 반복합니다. 또한 이 스킬은 발표 전에 잘못된 대각선 각도와 중심에서 벗어난 심볼 등 문제를 식별합니다.
선정한 방향을 실제 맥락에서 확인하기
방향을 선택하면 프레젠테이션 단계에서 관련 브랜드 소재에 어떻게 적용될 수 있는지 보여줍니다. 이를 통해 시각적으로 흥미로운 콘셉트와 패키지, 간판, 소셜 아바타 및 기타 적용 환경에서도 견딜 수 있는 실용적인 아이덴티티를 구분할 수 있습니다.
카테고리를 고려한 제약 조건 사용하기
Zestly 사례는 브리프가 흔히 사용되는 이미지를 어떻게 배제할 수 있는지 보여줍니다. 이 음식 배달 브랜드는 포크, 셰프 모자, 스쿠터, 지도 핀을 피합니다. 권장 마크는 감귤 조각을 장난스러운 미소로 바꾸었지만, 일부 사람들이 수박으로 읽을 수 있다는 위험도 스킬에 명시적으로 기록합니다.
이 사례들은 스킬이 콘셉트의 매력과 명확성, 차별성, 실용적인 제약 사이에서 어떻게 균형을 잡는지 보여줍니다.
도구를 직접 실행하기
이 프로젝트에는 Python 3.8 이상이 필요하며 Python 표준 라이브러리를 사용합니다. 스킬 디렉터리에서 별도의 디자인 프레임워크 없이 포함된 스크립트를 실행할 수 있습니다.
로고 레퍼런스 라이브러리 검색하기
시각적 기법이나 업종으로 검색할 수 있습니다. 다음 명령은 뛰어난 네거티브 스페이스 레퍼런스를 찾고 결제 및 핀테크 사례를 요약합니다.
cd skills/logo-design
python3 scripts/search_library.py --technique negative-space --exemplary
python3 scripts/search_library.py --industry payments-fintech --summary
이 라이브러리는 학습을 위한 것입니다. 구조, 카테고리 관습, 차별화 방식을 이해하는 데 활용하세요. 레퍼런스 로고는 복제를 위한 출처가 아닙니다.
SVG 감사하기
python3 scripts/svg_audit.py my-logo.svg감사 결과에는 SVG viewBox, 종횡비, 색상 수, 앵커 수, 복잡도 경고, 미세하게 어긋난 각도, 작은 하위 형태, 제작 준비도 점수 등의 세부 정보가 포함됩니다.
콘셉트 시트 만들기
python3 scripts/concept_sheet.py a.svg b.svg c.svg \
--names "A" "B" "C" \
--recommend 1 \
-o concepts.png콘셉트 시트를 사용하면 체크포인트에서 권장 옵션과 함께 여러 방향을 한눈에 보여줄 수 있습니다.
프리뷰 테스트 시트 생성하기
python3 scripts/preview_sheet.py my-logo.svg \
--refs-industry developer-tools \
-o preview.html프리뷰 시트는 크기, 배경, 처리 방식, 맥락, 선반 테스트 레퍼런스를 비교합니다. 마크를 축소했을 때도 알아볼 수 있는지 확인할 때 특히 유용합니다.
에셋 렌더링 및 내보내기
python3 scripts/render_png.py my-logo.svg --size 512 -o my-logo.png
python3 scripts/export_variants.py my-logo.svg \
--mono "#0F7C80" \
--icon-bg "#0F7C80" \
--web-iconsPNG 및 ICO 출력에는 CairoSVG, rsvg-convert, Inkscape, Chromium 기반 브라우저, macOS Quick Look 등 사용 가능한 지원 렌더러가 활용됩니다.
승인 전에 로고 테스트하기
이 스킬은 콘셉트를 96, 32, 16픽셀에서 테스트하고, 단색 및 반전 처리에서도 확인합니다. 이러한 검사를 통해 워드마크에 보조 심볼이 필요한지, 작은 크기에서 세부 요소가 사라지는지 알 수 있습니다.
예를 들어 복잡한 엠블럼은 앵커 포인트가 지나치게 많거나, 각도가 미세하게 어긋나거나, 캔버스에 비해 하위 형태가 너무 작다는 경고를 받을 수 있습니다. 이러한 경고가 로고를 자동으로 탈락시키는 것은 아니지만, 디자이너의 검토가 필요한 영역을 알려줍니다.
색상은 표면과 대비에 따라 테스트해야 합니다. Pulsewave 사례에서는 흰색 배경에서 충분한 대비를 제공하지 못하므로 시안색을 어두운 배경에 사용합니다. 이와 같은 결정은 다양한 적용 환경에서 가독성을 유지하는 데 도움이 됩니다.
더 나은 결과를 위한 고급 팁
브리프에 제약 조건 작성하기
구체적인 제외 조건은 일반적인 결과를 방지할 수 있습니다. 보안 제품에는 자물쇠, 헬스케어 브랜드에는 십자가, 아웃도어 장비에는 흔한 산 이미지처럼 브랜드가 무엇과 닮아서는 안 되는지 명시하세요. 또한 패키지, 앱 아이콘, 의류, 간판, 소셜 아바타 등 로고가 적용되어야 하는 환경도 언급하세요.
옵션만이 아니라 추천 요청하기
이 스킬은 한 방향이 더 강력한 이유를 설명하도록 설계되었습니다. 체크포인트 개요와 추천을 요청한 다음, 그 근거를 브리프와 비교해 평가하세요. 선택한 방향이 적절하지 않다면 전체 키트를 요청하기 전에 변경을 요청하세요.
차별화를 위해 레퍼런스 라이브러리 활용하기
업종과 기법으로 검색하여 경쟁사들이 일반적으로 어떤 방식을 사용하는지 알아보세요. 이 라이브러리에는 약 1,200개 브랜드를 대표하는 1,400개 이상의 파일이 포함되어 있으며, 추상형, 조합형, 그림형, 레터폼, 워드마크, 엠블럼, 마스코트, 레터마크 디자인으로 분류된 사례를 확인할 수 있습니다.
외형뿐 아니라 SVG 구조도 점검하기
로고가 보기에는 괜찮아도 불필요한 점, 지나치게 작은 세부 요소, 일관되지 않은 각도 또는 중앙 정렬 문제가 포함되어 있을 수 있습니다. 전달 전에 svg_audit.py를 실행하고, 점수를 디자인 판단의 대체 수단으로 여기지 말고 경고 내용을 확인하세요.
기능을 고려해 색상 결정하기
초기에 단색 버전과 반전 버전을 확인하세요. 사례를 보면 선명한 색상도 필요한 대비 검사를 통과하면 사용할 수 있지만, 일부 색상은 어두운 표면에만 사용하거나 특정 적용 환경에서는 단일 색상으로 대체해야 합니다.
저장소 구조 이해하기
주요 스킬 디렉터리에는 워크플로, 참고 자료, 스크립트, 템플릿, 라이브러리 에셋이 포함되어 있습니다.
skills/logo-design/
├── SKILL.md
├── references/
├── scripts/
├── templates/
└── assets/library/참고 문서에서는 원칙, 디스커버리 브리프, 마크 유형, 시각 기법, 색상, 타이포그래피, SVG 제작, 테스트, 프레젠테이션, 전달, 아이덴티티 시스템, 리디자인, 비평, 라이브러리 사용법을 다룹니다. 스크립트에는 concept_sheet.py, search_library.py, svg_audit.py, preview_sheet.py, presentation_board.py, render_png.py, export_variants.py, build_catalog.py가 포함되어 있습니다.
라이선스 및 참고 로고 제한
스킬 텍스트, 스크립트, 템플릿, 카탈로그 데이터는 MIT 라이선스로 제공됩니다. assets/library/svg/의 SVG 로고 파일은 각 소유자의 상표이며 참고 및 교육 목적으로만 포함되어 있습니다. 해당 파일에는 MIT 라이선스가 적용되지 않습니다. 저장소의 사례는 가상의 브리프를 사용합니다.
결론
Claude용 Logo Design Skill은 브랜드 브리프에서 테스트를 완료한 아이덴티티 에셋까지 체계적으로 진행할 수 있는 경로를 제공합니다. Claude Code, Claude.ai, Claude Desktop 또는 호환되는 다른 에이전트에 설치하고 브랜드와 제약 조건을 설명한 뒤, 체크포인트를 활용해 방향을 선택하세요. 더 세밀하게 제어하려면 Python 도구를 직접 실행하여 참고 자료를 검색하고, SVG를 검사하고, 콘셉트를 비교하고, 적용 환경을 테스트하고, 파일을 렌더링하고, 완성된 아이콘 세트를 내보낼 수 있습니다.