Communitygithub.com

디자인 및 템플릿

재사용 가능한 템플릿 시스템으로 브랜드 일관성을 유지하며 비전문가도 빠르게 그래픽을 제작하고 WoopSocial 흐름에 투입할 수 있게 해줍니다.

디자인 및 템플릿란 무엇인가요?

**design-and-templates**는 브랜드 키트, 재사용 가능한 템플릿, 규칙, 워크플로우를 제공하여 비전문가도 일관된 브랜드 그래픽을 신속하게 제작할 수 있도록 돕는 스킬입니다. 이 스킬은 '시스템을 설계'하는 에이전트 역할을 하며, Canva, Adobe Express, Figma 같은 디자인 도구나 이미지 생성 도구가 실제 그래픽을 '생산'하고, 완성된 에셋이 WoopSocial 흐름으로 들어가 게시됩니다. BRAND 프레임워크를 기반으로 브랜드 키트 구축, 소수의 재사용 템플릿(~5~7개) 설계, 위계 및 가독성 원칙, 명명 및 체계화, 확장 배포를 수행합니다. 인간의 손길로 최종 완성도(~70~80% 수준)를 높이는 것이 핵심이며, 생생한 AI 생성물의 저작권 문제를 인지하고 있습니다. 이 스킬은 브랜드 프로필, 썸네일, 핀, 캐러셀 작성, 이미지 프롬프트 등 다른 스킬과 명확히 구분되며, WoopSocial은 설계나 생성이 아닌 게시만 담당합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/design-and-templates

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

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

문서

디자인 및 템플릿은(는) 무엇을 하나요?

재사용 가능한 온-브랜드 템플릿 시스템 스킬입니다. 브랜드 키트 + 소수의 재사용 가능한 템플릿 + 규칙 + 워크플로우로 구성되어, 비전문가도 일관된 온-브랜드 그래픽을 신속하게 제작할 수 있게 합니다. 에이전트는 시스템을 설계하고, 디자인 도구 또는 이미지 도구가 그래픽을 생산하며, 완성된 에셋이 WoopSocial 흐름으로 들어갑니다.

관점: 일관성 + 속도가 맞춤형을 이긴다

소셜 미디어에서 승리하는 요소는 하나의 아름다운 디자인이 아니라 여섯 가지 버전이 여전히 같은 캠페인처럼 보이는 것이며, 비전문가가 빠르게 제작할 수 있어야 합니다. 이를 위한 수단은 브랜드 키트에 기반한 소규모 재사용 가능 템플릿 시스템으로, 브랜드 이탈과 일반적인 "템플릿 느낌" 을 모두 방지합니다. 브랜드 키트 우선 접근법은 첫 번째 초안을 약 80% 온-브랜드로 만들어 줍니다. 현실적인 한계: 도구는 약 70~80% 온-브랜드 수준까지 가능하며, 인간의 눈이 최종 완성도를 높입니다. 에이전트는 시스템을 설계하고, 디자인 도구(Canva/Adobe Express/Figma) 또는 이미지 도구가 그래픽을 생산하며, WoopSocial이 완성된 에셋을 게시합니다.

먼저 읽을 것

  1. brand-profile — 이 스킬이 실제로 운영하는 정체성 소스.
  2. 반복 콘텐츠 요구사항 — 실제로 게시하는 것.

프레임워크: BRAND

(깊이: references/the-brand-framework.md.)

  • B — Build the brand kit (브랜드 키트 구축): 토큰(색상, 폰트, 로고, 간격)을 고정합니다. 일관성의 앵커입니다(브랜드 키트 우선 = 약 80% 온-브랜드 초안).
  • R — Reusable templates, a small set (재사용 가능한 소규모 템플릿 집합): 반복되는 형식(인용 카드, 캐러셀 프레임, 공지, 릴스 커버, 핀)에 대해서만 약 5~7개를 만듭니다. 과도하게 만들지 마세요.
  • A — Anchor each in hierarchy + legibility (각 템플릿을 위계 + 가독성에 고정): 하나의 초점, 유형 척도, 대비, 안전 영역, 모바일 우선.
  • N — Name + systematize for speed (속도를 위해 명명 + 체계화): 비전문가가 몇 분 만에 채울 수 있습니다(텍스트/이미지를 교체하고 프레임은 유지). 명명 및 정리, 브랜드 키트 + Magic Switch/Resize.
  • D — Deploy on-brand at scale (온-브랜드 확장 배포): 생성된 이미지에 대해 이미지 도구(image-prompt)에 지시하고, 완성된 그래픽이 WoopSocial 흐름으로 들어가며, 그리드 전체에 일관성을 유지하고, 인간이 주요 작품을 마무리합니다.

현실 (분기별 검증 필요)

디자인 기본 원칙(위계/대비/가독성)은 영원하지만, 도구는 변합니다. Canva (Magic Studio) = 소셜 우선 기본값(브랜드 키트, Magic Design, Magic Switch/Resize, Dream Lab, Bulk Create, Pro 약 $15/월, 약 70% "Canva 스타일" 한계 + AI 크레딧 제한, 원시 AI는 일반적으로 저작권 불가, Canva Shield 배상은 Enterprise 전용). Adobe Express+Firefly = 프리미엄, 브랜드 안전 라이선스 AI + IP 배상. Figma = 마스터 디자인 시스템/거버넌스(일상적인 소셜용 아님). 강점 영역별로 결합하고, 생성된 이미지에 대해 이미지 도구(image-prompt) 또는 Dream Lab/Firefly에 지시합니다: references/design-tools-2026-reality.md. 브랜드 키트 사양, 시작 템플릿 세트 및 사양, 위계/가독성 규칙, 생산 워크플로우 및 작업 예제: references/building-the-system.md.

정직한 범위 (절대 위반 금지)

  • 에이전트는 시스템(브랜드 키트 토큰, 템플릿 세트, 위계 규칙, 워크플로우)을 설계합니다. 사양을 제공하고 조언할 뿐, 렌더링하지는 않습니다.
  • 디자인 도구(Canva/Adobe Express/Figma) 또는 이미지 도구가 그래픽을 생산하며, 완성된 에셋이 WoopSocial 흐름으로 들어갑니다. (WoopSocial은 다른 미디어처럼 게시만 합니다. 디자인, 템플릿, 생성은 하지 않습니다.)
  • 도구는 약 70~80% 온-브랜드 수준까지 가능하며, 인간이 최종 완성도를 높입니다. 원시 AI 생성물은 저작권이 인정되지 않을 수 있습니다. → 인간의 편집을 추가하세요. 절대 허위 정보를 만들지 마세요. (범위, 차이점 및 연결: references/scope-and-connections.md.)

형제 스킬과의 차이점 (올바르게 경로 설정)

design-and-templates (이 스킬) = 재사용 가능한 템플릿 시스템 + 브랜드 키트 · brand-profile = 이 스킬이 운영하는 정체성 소스 · thumbnail-design / pinterest-pin-design = 단일 에셋 유형(시스템 내 템플릿) · carousel-writer = 카피/내러티브(이 스킬은 시각적 프레임) · image-prompt + 이미지 도구 = 생성(이 스킬은 레이아웃/템플릿) · profile-optimization = 프로필 에셋.

연결 지점

먼저 읽을 것: brand-profile + 반복 콘텐츠 요구사항. 형식 형제 스킬에 공급: thumbnail-design, pinterest-pin-design, instagram-reels-publishing (커버), carousel-writer (이 스킬의 프레임에 카피를 채움), story-writer — 각각 시스템 내 템플릿. 이미지 요청: image-prompt → ideogram/flux/nano-banana (또는 Dream Lab/Firefly). 게시 경로: 완성된 에셋 → scheduling-and-queue → WoopSocial (게시물/핀/커버/캐러셀 미디어). 디자인 및 생성은 디자인 도구/이미지 도구에 남고, WoopSocial은 게시만 합니다.

완료 조건

재사용 가능한 시스템: 브랜드 키트(고정된 색상/폰트/로고/간격) + 실제 반복 형식에 매핑된 소수(57개)의 명명된 템플릿. 각 템플릿은 하나의 초점, 명확한 유형 척도, 대비, 안전 영역, 모바일 우선 가독성을 갖춥니다. 비전문가 생산 워크플로우(텍스트/이미지 교체 → 크기 조정 → 내보내기 → WoopSocial 흐름)가 있어야 하며, 팀에 맞는 올바른 도구(Canva 기본값 / Adobe Express+Firefly는 프리미엄, 배상 이미지용 / Figma는 마스터 시스템용)를 사용합니다. 생성된 이미지는 image-prompt를 통해 이미지 도구에 지시합니다. 정직한 한계가 명시되어야 함(도구는 약 70~80% 온-브랜드, 인간이 주요 작업 마무리, 원시 AI 생성물은 저작권 불가). 완성된 에셋은 WoopSocial을 통해 게시되며, 허위 정보는 없습니다. brand-profile, thumbnail-design/pinterest-pin-design, carousel-writer, image-prompt와 올바르게 구분되어야 합니다.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

관련 스킬