Repolode
fatihaydost

fatihaydost/brand-identity-skill

로고, 타이포그래피, 색상 팔레트를 하나의 브랜드 아이덴티티로 설계하고 가이드라인 키트를 내보내는 Claude Code 스킬입니다.

스타
330
포크
26
열린 이슈
0
마지막 커밋
3일 전

어떤 프로젝트인가요?

brand-identity는 하나의 브리프를 바탕으로 완성된 브랜드 아이덴티티를 설계하는 Claude Code 스킬입니다. 로고, 서체, 색상 팔레트를 따로 고르는 대신 하나의 공통된 아이디어를 바탕으로 함께 구성하며, 에이전트는 3~4개의 아이덴티티 세트를 만들어 나란히 보여 주고 사용자가 선택하도록 합니다.

이 스킬은 결과물을 제시하기 전에 검증합니다. WCAG 2.2 기준에 따라 색상 대비를 확인하고, 색각 이상을 시뮬레이션하며, 브랜드에서 사용하는 언어의 글리프 지원 여부와 폰트 라이선스를 확인하고, 로고를 16px 및 32px 크기로 렌더링합니다. 검사에 실패하면 수정될 때까지 해당 세트를 차단하고, 휴리스틱 검사 결과는 경고로 표시합니다.

세트를 선택하면 8페이지 PDF, SVG 및 PNG 로고 변형, CSS·SCSS·Tailwind·DTCG JSON 형식의 디자인 토큰, 임베드 코드가 포함된 폰트 시트로 구성된 브랜드 가이드라인 키트를 생성합니다. 기존 웹사이트의 로고, 서체, 색상을 읽어 각 세트를 해당 페이지에 적용해 미리 볼 수도 있습니다.

핵심 기능

  • 01하나의 브리프를 바탕으로 로고, 타이포그래피, 색상 팔레트를 함께 구성합니다.
  • 02WCAG 2.2 기준에 따라 대비를 확인하고 색각 이상을 시뮬레이션합니다.
  • 03브랜드에서 사용하는 언어의 글리프 지원 여부와 폰트 라이선스를 확인합니다.
  • 04로고 파일과 색상·타이포그래피 사양이 포함된 브랜드 가이드라인 PDF를 내보냅니다.
  • 05CSS, SCSS, Tailwind, DTCG JSON 형식으로 디자인 토큰을 생성합니다.
  • 06웹사이트 URL을 받아 각 아이덴티티 세트를 적용한 모습을 미리 볼 수 있습니다.

활용 사례

  • 신규 비즈니스나 제품의 로고, 서체, 색상 팔레트를 만듭니다.
  • 기존 웹사이트의 로고는 유지하면서 서체와 색상 팔레트를 새롭게 구성합니다.
  • 디자이너가 없는 소규모 팀을 위한 브랜드 가이드라인 키트를 제작합니다.
  • 이미 보유한 아이덴티티에 대한 평가를 받습니다.

빠른 시작

  1. 1

    Claude Code에 마켓플레이스 추가하기

    /plugin marketplace add fatihaydost/brand-identity-skill
  2. 2

    brand-identity 플러그인 설치하기

    /plugin install brand-identity@brand-identity-skill
  3. 3

    필요한 항목이 있는지 확인하기 (저장소를 clone한 상태에서)

    python3 skills/brand-identity/scripts/brand.py check
  4. 4

    Claude Code에 평소 쓰는 말로 브랜드 로고, 글꼴, 색상을 요청하기

사용 전 알아둘 점

  • Python 3.10 이상과 Chrome, Chromium, Edge, Brave 같은 Chromium 기반 브라우저가 필요합니다.
  • Claude Code에서만 실행됩니다. claude.ai 채팅에서는 글꼴 측정 및 렌더링이 실패합니다.
  • 상표 등록부를 검색하지 않으므로 로고를 사용하기 전에 별도로 상표 사용 가능 여부를 확인해야 합니다.
  • 글꼴 측정 및 렌더링에는 Google Fonts와 PyPI에 연결할 수 있는 네트워크가 필요합니다.

포함된 컬렉션

토픽

자주 묻는 질문

brand-identity-skill은(는) 무엇인가요?
로고, 타이포그래피, 색상 팔레트를 하나의 브랜드 아이덴티티로 설계하고 가이드라인 키트를 내보내는 Claude Code 스킬입니다. brand-identity는 하나의 브리프를 바탕으로 완성된 브랜드 아이덴티티를 설계하는 Claude Code 스킬입니다. 로고, 서체, 색상 팔레트를 따로 고르는 대신 하나의 공통된 아이디어를 바탕으로 함께 구성하며, 에이전트는 3~4개의 아이덴티티 세트를 만들어 나란히 보여 주고 사용자가 선택하도록 합니다.
brand-identity-skill은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
brand-identity-skill은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
brand-identity-skill은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. brand-identity-skill의 마지막 커밋은 2026년 11월 4일입니다.
brand-identity-skill은(는) 어디에 사용할 수 있나요?
신규 비즈니스나 제품의 로고, 서체, 색상 팔레트를 만듭니다. 기존 웹사이트의 로고는 유지하면서 서체와 색상 팔레트를 새롭게 구성합니다. 디자이너가 없는 소규모 팀을 위한 브랜드 가이드라인 키트를 제작합니다. 이미 보유한 아이덴티티에 대한 평가를 받습니다.
brand-identity-skill는 어떻게 설치하나요?
Claude Code에 마켓플레이스 추가하기: /plugin marketplace add fatihaydost/brand-identity-skill brand-identity 플러그인 설치하기: /plugin install brand-identity@brand-identity-skill 필요한 항목이 있는지 확인하기 (저장소를 clone한 상태에서): python3 skills/brand-identity/scripts/brand.py check Claude Code에 평소 쓰는 말로 브랜드 로고, 글꼴, 색상을 요청하기
brand-identity-skill은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/fatihaydost/brand-identity-skill

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트