캔버스 디자인 (Canvas Design)
공식디자인 철학을 먼저 세우고 그 철학대로 PNG·PDF 아트워크를 만들어 주는 공식 디자인 스킬.
디자인·UI입문★ 167,132⑂ 19,920AI 점수 9/10마지막 업데이트: 2026. 8. 7.
무엇을 해주나
요청을 받으면 곧바로 그림을 뽑는 대신, 먼저 하나의 미학 선언문(디자인 철학) 을 .md 파일로 작성합니다. 무브먼트 이름(예: "Chromatic Silence"), 공간·색·스케일·리듬·구성 원칙을 4~6단락으로 정의한 뒤, 그 철학을 그대로 캔버스에 옮겨 한 장짜리 PNG 또는 PDF 아트워크를 생성합니다.
핵심 특징:
- 텍스트는 최소화하고 형태·색·여백으로 의미를 전달 (시각 90% / 텍스트 10%)
- 반복 패턴, 정밀한 도형, 임의의 학문 도해를 연상시키는 '레퍼런스 마커' 활용
- 요소가 캔버스를 벗어나거나 겹치지 않도록 여백·정렬을 강제 검수
- 초안 완성 후 자동으로 2차 정제 패스를 진행 (요소를 더 넣는 대신 기존 구성을 다듬음)
- 요청 시 멀티 페이지(아트북 형식)로 확장
- 기존 작가 작품을 모방하지 않고 오리지널 디자인만 생성
이런 분께 추천
- 전시·공연 포스터나 브랜드 무드 이미지를 만들어야 하는 기획자·마케터
- 디자이너 없이 발표자료 표지, 앨범 커버, 굿즈 그래픽이 필요한 1인 창작자
- 미니멀·스위스 타이포·브루탈리즘 계열 비주얼을 좋아하는 분
- AI 이미지 생성 특유의 어색함 없이 '벡터로 그린 듯한' 정교한 그래픽을 원하는 분
활용 예시
- 공연 포스터 — "11월 재즈 콰르텟 공연 포스터 만들어줘"라고 하면, 절제된 색 팔레트와 대담한 타이포로 구성된 A3 비율 PDF와 그 근거가 된 디자인 철학 문서를 함께 받습니다.
- 아트북 스프레드 — "같은 철학으로 6페이지 아트북"을 요청하면 첫 장의 톤을 유지하면서 페이지마다 변주를 준 하나의 PDF가 만들어집니다.
- 브랜드 무드 시트 — 세라믹 스튜디오 브랜딩용으로 '조용한 질감과 여백' 철학을 세우고, 그 원칙에 따른 커버 이미지 PNG를 뽑아 팀 내 방향 합의 자료로 사용합니다.
· · · 설치 가이드 · · ·
Claude 앱에 설치 (터미널 필요 없음)
- 아래 버튼으로 ZIP 파일을 받으세요.
- Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
- Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
Claude Code에 설치
Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요
클로드스킬마트에서 찾은 스킬을 설치해줘. GitHub 저장소 anthropics/skills 의 skills/canvas-design 폴더를 내 ~/.claude/skills/canvas-design/ 에 그대로 복사해줘. 설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.
직접 명령으로 설치하기
git clone https://github.com/anthropics/skills.git && mkdir -p ~/.claude/skills && cp -r skills/skills/canvas-design ~/.claude/skills/⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.
- 터미널(맥은 Terminal, 윈도우는 PowerShell)을 엽니다.
- 스킬을 둘 폴더를 만듭니다:
mkdir -p ~/.claude/skills - 공식 저장소를 내려받습니다:
git clone https://github.com/anthropics/skills.git - 이 스킬만 복사합니다:
cp -r skills/skills/canvas-design ~/.claude/skills/ ~/.claude/skills/canvas-design/SKILL.md파일이 있는지 확인합니다.- Claude Code를 새로 실행한 뒤 "canvas-design 스킬로 재즈 공연 포스터 만들어줘"처럼 요청하면 자동으로 스킬이 작동합니다.
- 폰트를 쓰는 작업이라면 스킬 폴더 안
canvas-fonts디렉터리에 원하는 폰트 파일을 넣어두면 더 좋은 결과가 나옵니다. - 결과물(.md, .png/.pdf)은 현재 작업 폴더에 저장되니 파일 목록을 확인하세요.