kaankiziltug/logo-design-skill

A comprehensive logo-design skill for Claude, Gemini CLI, Codex and other AI agents: principles, process, SVG craft, testing tools and a 1,400+ logo reference library.

이것이 무엇인가

logo‑design‑skill은 Claude, Gemini, Codex, Cursor, GitHub Copilot 또는 Agent Skills 형식을 이해하는 모든 LLM 에이전트가 완전한 기능을 갖춘 로고 디자이너로 작동하도록 해주는 플러그인( 스킬 이라고 함)입니다. 이 스킬에는 설명, Python 유틸리티 세트, 그리고 약 1,400개의 실제 SVG 로고로 구성된 큐레이션된 라이브러리가 포함되어 있습니다. 에이전트가 스킬을 실행하면 브리프부터 개념 스케치, 검토, 테스트, 마지막으로 프로덕션 준비가 된 브랜드 키트(SVG 로고, 파비콘, 목업 보드, 스타일 가이드 등)에 이르는 체계적인 디자인 워크플로우를 따릅니다.


작동 방식

  1. 브리프 – 사용자가 짧은 브리프(산업, 톤, 제약 조건)를 제공합니다. 필요한 경우 스킬이 후속 질문을 합니다.
  2. 리서치 – 내장된 SVG 라이브러리에서 유사한 마크를 검색하여 시각적 패턴(마크 유형, 기하학, 색상, 타이포그래피, 분위기, 산업)을 추출합니다.
  3. 컨셉 생성 – 에이전트는 8-12개의 한 줄 아이디어를 초안으로 작성한 다음 3개의 SVG 컨셉을 만듭니다.
  4. 검토 및 테스트 – 각 컨셉은 일련의 Python 검사를 통해 실행됩니다.
    • 기하학적 정확성(오버슈트, 본 효과, 정확한 각도)
    • 픽셀 크기 가독성(16px, 32px, 64px)
    • 단색, 반전, 눈을 가늘게 뜨고 보기, 미러, 컨텍스트 및 경쟁사 선반 테스트
  5. 체크포인트 – 스킬은 권장 사항과 함께 그레이스케일 개요 이미지를 표시하고 사용자가 방향을 수락하거나 수정을 요청할 수 있도록 합니다.
  6. 키트 생성 – 방향이 선택되면 스킬은 전체 브랜드 키트(컬러 SVG, PNG 렌더링, 파비콘, 웹 매니페스트 아이콘, 잠금 조합 변형, 산업별 목업이 포함된 프레젠테이션 보드)를 생성합니다.

사용 대상

  • 디자인 중심 AI 에이전트 – Agent Skill 폴더를 로드할 수 있는 Claude Code, Gemini CLI, Codex CLI, Cursor, Copilot 등.
  • 디자인 팀 – 초기 단계 로고 아이데이션을 가속화하고 모든 컨셉이 기본적인 시각적 가독성 테스트를 통과하도록 보장합니다.
  • AI 기반 디자인 도구를 구축하는 개발자 – 스킬의 Python 유틸리티를 사용자 정의 파이프라인에 직접 호출할 수 있습니다.
  • 교육자/학생 – 1,400개 이상의 분류된 SVG 로고 라이브러리는 로고 구성 학습에 유용한 참고 자료입니다.

저장소 내부 구성

항목 설명
skills/logo-design/ 에이전트가 읽는 스킬 정의(SKILL.md, 프롬프트, 메타데이터).
tools/ SVG 검토, 테스트 시트 생성, PNG 렌더링, 파비콘 세트 생성, 프레젠테이션 보드 조립을 위한 의존성 없는 Python 스크립트.
library/ 마크 유형, 기하학, 산업, 분위기 등으로 태그된 1,400개 이상의 실제 SVG 로고; CLI를 통해 검색 가능.
docs/ README에 사용된 이미지(히어로, 예제 실행, 목업 보드).
tests/ Python 도구가 작동하고 스킬의 워크플로우가 예상 파일을 생성하는지 확인하는 자동화된 테스트.
package_skill.py 스킬(대용량 SVG 라이브러리 포함 또는 제외)을 Claude Desktop 업로드용 zip으로 번들링하는 헬퍼 스크립트.

설치 및 시작하기

  1. Claude Code(권장) – 플러그인 마켓플레이스에서 스킬을 추가합니다:
    /plugin marketplace add kaankiziltug/logo-design-skill
    /plugin install logo-design@logo-design-skill
    
  2. 수동 설치 – 저장소를 클론하고 skills/logo-design를 적절한 ~/.claude/skills/(또는 Gemini, Codex 등의 해당 폴더)에 복사합니다.
  3. Claude Desktop / 기타 에이전트 – Releases 페이지에서 zip을 다운로드하거나(python3 tools/package_skill.py 실행) Settings → Capabilities → Skills UI를 통해 업로드합니다.
  4. 실행 – 에이전트와 새 채팅을 시작하고 로고를 요청합니다. 에이전트가 자동으로 스킬을 로드하고, 브리프 질문을 하며, 체크포인트 → 키트 흐름을 안내합니다.

예제 출력

README에는 28개의 종단 간 실행 예시가 나와 있습니다(예: Kiln 커피 로스터, Zestly 음식 배달 앱, Keyfort 비밀번호 관리자). 각 브랜드에 대해 스킬은:

  • 16px/32px/64px로 세 가지 그레이스케일 컨셉을 제시하고,
  • 발견한 기하학적 또는 대비 문제를 강조하며,
  • 하나의 컨셉을 추천하고,
  • 수락 후 전체 SVG 로고, PNG 미리보기, 파비콘 세트, 산업별 목업이 포함된 프레젠테이션 보드를 제공합니다.

중요한 이유

  • 일관되고 반복 가능한 디자인 – 스킬은 클래식한 로고 디자인 원칙(광학적 오버슈트, 대비 비율, 그리드 정렬)을 자동화된 검사로 인코딩합니다.
  • LLM 창의성 활용 – 에이전트는 많은 컨셉 아이디어를 빠르게 탐색할 수 있으며, 스킬은 검증된 시각적 규칙에 따라 출력을 유지합니다.
  • 재사용 가능한 자산 라이브러리 – 디자이너는 CLI에서 직접 크고 분류된 실제 로고 컬렉션을 찾아볼 수 있어 우연한 유사 디자인을 피하는 데 도움이 됩니다.
  • 에이전트 독립적 – 오픈 Agent Skills 사양을 따르므로 동일한 스킬이 Claude, Gemini, Codex, Cursor 등에서 작동하여 모든 AI 기반 디자인 워크플로우에 이식 가능한 구성 요소가 됩니다.

TL;DR

logo-design-skill은 Agent-Skills 형식을 지원하는 모든 LLM 에이전트를 훈련된 로고 디자이너로 변환합니다. Python 전용 도구 세트와 1,400개 이상의 SVG 참조 라이브러리를 사용하여 에이전트를 브리프 → 컨셉 → 검토 → 체크포인트 → 전체 브랜드 키트로 안내합니다. Claude의 플러그인 마켓플레이스를 통해 설치하거나 스킬 폴더를 복사한 다음 에이전트에게 로고를 요청하면 스킬이 무거운 작업을 처리합니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트