Claude Code Skill은 어떻게 고를까? 사이트와 프레젠테이션, 영상의 네 가지

Claude Code의 Skill은 크게 네 가지로 나뉩니다. AI에게 디자인 감각을 가르치는 지침, 소재가 딸린 사이트 한 벌, 파일 하나로 건네는 프레젠테이션, 그리고 코드로 영상을 그리는 Skill입니다. 각각 어떤 때 맞고 어떻게 고르는지 정리했습니다.

먼저, Skill이란

Skill은 SKILL.md로 적은 작업 지시서이고 Claude Code와 Codex, Cursor가 모두 읽을 수 있습니다. AI가 그 순서와 규격을 따라 움직이므로 즉석에서 적은 지시보다 결과가 고릅니다. 자세한 설명은 AI Skill이란을 보세요.

첫째: 디자인 지침

이 갈래의 Skill은 사이트를 통째로 만들지 않고, AI에게 디자인을 어떻게 할지 가르칩니다. 글꼴을 고르고 색을 맞추고 레이아웃의 방향을 정해, 어디서나 보던 틀에 박힌 모습을 피합니다. Anthropic이 GitHub에 공개한 frontend-design이 여기에 속하고, 설명에는 개성과 의도가 있는 시각 디자인 지침이며 미적 방향과 타이포그래피를 다룬다고 적혀 있습니다.

Sketchry의 UNSLOP UI도 여기에 들어갑니다. AI 느낌 점검과 디자인 방향 세 가지, 작품 보드 템플릿을 주며 소재 팩은 없습니다.

맞는 때: 자기 방식은 이미 있고, 결과물의 디자인 품질만 올리고 싶을 때입니다.

둘째: 소재가 딸린 사이트 한 벌

이 갈래는 한 벌을 통째로 건넵니다. 디자인 규격과 작업 순서, 그리고 시연용 소재 팩입니다. AI가 그대로 따라가 바로 고칠 수 있는 사이트를 완성합니다. Sketchry의 사이트 Skill이 이 갈래이고, 식당과 부동산, 브랜드, 숙박, 사진 포트폴리오, 디자인 스튜디오 같은 종류를 다루며 모두 완성된 결과를 먼저 볼 수 있습니다.

맞는 때: 사이트 한 벌을 빨리 받아 자기 브랜드와 글, 사진으로 바꿔 넣고 싶을 때, 또는 고객 일로 만들 때입니다.

셋째: 파일 하나로 건네는 프레젠테이션

이 갈래가 만드는 것은 슬라이드입니다. 받는 것은 deck.html 한 개이고, 두 번 클릭하면 재생되며 서버도 설치도 필요 없습니다. 브라우저에서 글자를 다시 칠 수 있고 고친 내용은 남습니다. 글자와 표, 차트를 그대로 편집할 수 있는 PPTX와 한 장에 한 페이지인 16:9 PDF로 내보낼 수 있습니다. Sketchry의 프레젠테이션 템플릿이 이 갈래이고, 무료인 PITCHFOLD와 FIELDNOTE를 먼저 써 볼 수 있습니다.

맞는 때: 투자 설명이나 제안서, 분기 회고, 강의 슬라이드가 필요하지만 빈 페이지에서 시작하고 싶지 않을 때입니다.

넷째: 코드로 영상을 그리기

영상을 만드는 Skill도 있습니다. AI가 코드로 한 프레임씩 그려 MP4와 표지 이미지, 스토리보드를 내놓고, 글자 카드와 데이터 차트, 앱 조작 안내, 행사 카운트다운까지 만들 수 있습니다. Sketchry의 마케팅 영상 Skill이 이 갈래이고, 무료인 INKFRAME을 먼저 써 보면 좋습니다.

맞는 때: 제품 소개나 행사 홍보, 소셜용 짧은 영상이 필요하지만 직접 편집하고 싶지는 않을 때입니다.

고르는 방법

먼저 사이트, 프레젠테이션, 영상 가운데 무엇을 만들지 정합니다.
사이트라면: 품질을 올리고 싶으면 디자인 지침, 완성된 결과를 바로 받고 싶으면 소재가 딸린 사이트 Skill을 고릅니다.
프레젠테이션이라면: 용도로 고릅니다. 투자 설명과 제안, 데이터 회고, 강의에 각각 맞는 판형이 있습니다.
Skill의 데모를 열어 원하는 분위기인지 확인하고, 상업적 사용이 명시되어 있는지 봅니다.
지원하는 AI 도구를 확인합니다. Sketchry Skill은 Claude Code와 Codex, Cursor를 지원합니다.
다 만든 뒤 휴대폰 너비에서 레이아웃을 한 번 더 봅니다.

쓰는 방법

가장 간단한 방법은 Skill을 복사해 Claude Code나 Codex, Cursor에 붙여 넣고, 물어볼 때 브랜드 이름과 소재를 건네주는 것입니다. SKILL.md로 저장해 도구의 skills 폴더에 두고 나중에 이름으로 불러도 됩니다. 도구별 폴더 위치는 사용법에 있습니다.

자주 묻는 질문

여러 Skill을 한꺼번에 쓸 수 있나요?

쓸 수 있지만 한 번에 주된 흐름 하나에 집중하게 하는 편이 좋습니다. 예를 들어 사이트 한 벌 Skill로 먼저 만들고 그다음 디자인 지침으로 다듬으면 두 지시가 부딪히지 않습니다.

Claude Code 말고 다른 도구에서도 되나요?

SKILL.md는 공통 형식이라 Claude Code와 Codex, Cursor가 모두 읽습니다. Sketchry Skill은 이 세 도구를 염두에 두고 쓰였습니다.

Skill로 만든 결과물을 고객에게 줄 수 있나요?

Skill마다 라이선스에 따릅니다. Sketchry Skill로 만든 결과물은 본인이나 고객의 상업적 작업에 쓸 수 있고 출처를 밝히지 않아도 됩니다.

써 보려면 꼭 돈을 내야 하나요?

꼭 그렇지는 않습니다. Anthropic이 공개한 frontend-design은 누구나 받을 수 있고, Sketchry에도 사이트와 프레젠테이션, 영상의 무료 Skill이 있습니다. OFFSET STUDIO, PITCHFOLD, INKFRAME 같은 것들입니다.