1,400개 이상의 SVG 로고 레퍼런스 라이브러리와 검수 도구를 갖춰 Claude, Gemini CLI, Codex 등 AI 에이전트의 로고 디자인을 안내하는 스킬입니다.
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
Claude Code에 마켓플레이스 추가하기
/plugin marketplace add fatihaydost/brand-identity-skill - 2
brand-identity 플러그인 설치하기
/plugin install brand-identity@brand-identity-skill - 3
필요한 항목이 있는지 확인하기 (저장소를 clone한 상태에서)
python3 skills/brand-identity/scripts/brand.py check - 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 통계는 매일 갱신됩니다.
관련 프로젝트
참고 UI에서 시각적 디자인 정체성을 추출해 구조화된 Design DNA JSON으로 만들고, 이를 바탕으로 어울리는 UI를 생성하는 에이전트 스킬입니다.
제품 특성을 바탕으로 SVG 로고 시안을 만들고 Gemini 이미지 모델로 쇼케이스 이미지를 생성하는 Claude Code 스킬입니다.
Claude를 비롯한 코딩 에이전트를 UX/UI 디자인 전문가로 만들어 주는 순수 지침·지식 키트로, DTCG 토큰, 컴포넌트 명세, 138개 디자인 시스템, 52개의 객관적 검증 항목을 제공합니다.
코딩 에이전트에 디자인 시스템, UI/UX 가이드, 아이콘, 접근성 검수 규칙을 제공하는 MCP 서버이자 shadcn/ui 레지스트리입니다.
Figma 디자인을 코드베이스로, 코드 상태를 다시 Figma로 옮기는 Claude Code 스킬과 스타일 시스템 거버넌스 스킬입니다.