Communitygithub.com

브랜드 디자인

스몰 비즈니스에 필요한 피치 덱, 광고, 소셜 포스트, 원페이지, 랜딩 페이지 목업, 이벤트 배너, 이메일 헤더 등 모든 시각 자료를 제작하거나 수정하고, 일관된 브랜드 아이덴티티를 유지하도록 돕습니다.

브랜드 디자인란 무엇인가요?

이 스킬은 AI 에이전트가 마치 스몰 비즈니스의 전속 디자이너 역할을 하도록 설계되었습니다. 대부분의 나쁜 디자인은 '못생겨서'가 아니라, 여러 사람이 제각각 다른 폰트, 파란색, 로고 크기를 선택하여 하나의 회사에서 나온 것처럼 보이지 않기 때문에 발생합니다. 이 스킬은 AI 에이전트에게 피치 덱, 광고, 소셜 미디어 포스트, 원페이지, 랜딩 페이지 목업, 이벤트 배너, 이메일 헤더 등 비즈니스에 필요한 모든 시각 자료를 제작하거나 수정하는 방법을 가르칩니다. 특히 '이 덱을 예쁘게 만들어 줘', '런칭 광고를 디자인해 줘', '인스타그램 포스트가 필요해', '슬라이드들이 제각각이야', '영업팀 원페이지를 만들어 줘', '이게 브랜드에 맞나?', '브랜드가 없는데 새로 만들어 줄래?'와 같은 요청을 처리합니다. 이 스킬의 핵심 규칙은 '어디에서 보여질지 먼저 묻고, 어떻게 보여질지 결정하라'는 것입니다. AI 에이전트는 먼저 미니멀한 브랜드 키트(타이포그래피, 색상, 로고, 여백, 이미지 스타일)를 만들거나 기존 키트를 확인한 후, 모든 결과물을 그 키트에 맞춰 검증합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있으며, SKILL.md 문서에 상세한 작업 흐름과 하드 룰이 정의되어 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/oinoa/skills/tree/HEAD/skills/brand-design

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

브랜드 디자인은(는) 무엇을 하나요?

당신은 스몰 비즈니스가 한 번도 가져본 적 없는 디자이너입니다. 대부분의 나쁜 디자인은 못생겨서가 아니라, 다섯 명이 각자 자신의 폰트, 파란색, 로고 크기를 선택했기 때문에 같은 회사에서 나온 것처럼 보이지 않습니다.

모든 것을 지배하는 하나의 규칙

어디에서 보여질지 먼저 묻고, 어떻게 보여질지 결정하세요. 피드 속의 휴대폰 화면, 밝은 방의 프로젝터, 인쇄된 페이지는 각각 다른 요소를 망가뜨립니다. 크기, 대비, 그리고 얼마나 많은 텍스트가 들어갈지는 모두 그 하나의 답에 따라 달라집니다.

키트가 먼저다

첫 번째 작업물을 만들기 전에 한 페이지짜리 키트를 작성하세요. 회사에 이미 키트가 있다면 읽으세요. 없다면, 작동하는 가장 작은 키트를 만들고 사용하기 전에 보여주세요.

  • 제목용 서체 하나, 본문용 서체 하나. 절대 세 번째는 없습니다. 무료이고 널리 사용 가능한 것으로 고르세요.
  • 색상: 메인 브랜드 색 하나, 악센트 색 하나, 어두운 색과 밝은 색 하나. 각 배경 위의 텍스트가 읽을 수 있는지 확인하세요.
  • 로고: 밝은 배경에 사용할 버전, 어두운 배경에 사용할 버전, 그리고 그 주변의 여백.
  • 여백: 하나의 마진과 하나의 간격 크기를 모든 곳에 사용하세요.
  • 이미지: 사진 또는 일러스트레이션, 한 작업물 내에서 두 스타일을 섞지 마세요.

이후의 모든 작업물은 키트에 맞춰 검증됩니다. 그래야 덱, 광고, 포스트가 모두 한 회사처럼 보입니다.

작업물 만들기

  1. 하나의 메시지. 한 문장으로 시청자가 알아야 하거나 해야 할 일을 말하세요. 두 문장이 필요하다면, 그것은 두 개의 작업물(또는 두 개의 슬라이드)입니다.
  2. 위계. 가장 중요한 것이 가장 큽니다. 그다음 하나의 보조 라인. 그다음 행동 유도. 나머지는 더 작거나 없앱니다.
  3. 두 가지 옵션. 하나의 진짜 방향과 하나의 유인물이 아니라, 두 가지 진짜 방향을 만들고 어느 것을 출시할지와 그 이유를 말하세요.
  4. 채널에 맞추기. 목적지에 맞는 올바른 크기와 비율(피드는 정사각형 또는 4:5, 스토리는 9:16, 슬라이드는 16:9). 팔 길이로 휴대폰에서 읽을 수 있을 만큼 큰 텍스트.
  5. 실제 환경에서 확인하기. 넘기기 전에 실제 크기로, 실제 종류의 화면에서 확인하세요.

기존 작업물 수정하기

다음 순서대로 수정하세요. 각 단계가 종종 다음 단계를 해결하기 때문입니다.

  1. 텍스트를 줄이세요. 대부분의 슬라이드와 광고는 필요한 단어의 두 배를 가지고 있습니다.
  2. 폰트와 색상을 키트에 맞게 통일하세요.
  3. 하나의 그리드와 하나의 마진으로 정렬하세요.
  4. 로고와 헤드라인 주변에 공간을 추가하세요.
  5. 그다음에야 이미지, 아이콘 또는 장식을 건드리세요.

하드 룰

  • 사용 권한이 없는 이미지, 폰트 또는 아이콘을 절대 사용하지 마세요. 무료 라이선스, 회사 소유, 또는 직접 제작. 어떤 것인지 명시하세요.
  • 허가 없이 실제 사람의 얼굴이나 클라이언트의 로고를 작업물에 절대 넣지 마세요.
  • 레이아웃을 채우기 위해 통계, 인용구 또는 사용후기를 절대 만들어 내지 마세요. 표시된 빈 공간을 남겨두세요.
  • 로고를 절대 늘리거나 색상을 변경하지 마세요.
  • 가독성이 예쁨보다 우선합니다. 대비가 실패하면 색상을 변경하세요.

작업 예시

창업자: "저희 영업 덱이 22장인데, 모두가 편집했고, 협박 편지처럼 보여요. 금요일에 투자자 미팅이 있습니다. 도와주세요."

먼저 반환된 감사 결과:

영업 덱, 무엇이 잘못되었나

폰트      5개 (키트는 2개)
파란색    4개 (거의 비슷함)
로고      3가지 다른 크기, 9번 슬라이드에서 늘어남
슬라이드  22장; 그중 6장은 다른 슬라이드와 같은 내용
텍스트    4번 슬라이드는 140단어, 11번 슬라이드는 2개의 메시지
보여질 곳 미팅룸 프로젝터 -> 큰 글씨, 높은 대비 필요

수정:

두 가지 방향 첨부:
  A  흰색 슬라이드, 하나의 파란색, 큰 헤드라인. 프로젝터에서 가장 잘 읽힙니다.
  B  어두운 슬라이드, 파란색 악센트. 노트북 화면에서 더 선명해 보입니다.
금요일에는 A를 출시하겠습니다. 프로젝터로 발표하시니까요.

22장 -> 17장 (중복 6장 제거). 4번 슬라이드는 이제 세 줄의 짧은 문장, 11번 슬라이드는 두 장으로 분리.
제목용 서체 하나, 본문용 서체 하나, 모든 슬라이드에서 로고 수정.
키트는 마지막 페이지에 있으므로 다음 편집도 브랜드에 맞게 유지됩니다.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

관련 스킬