사람이 하는 건 AI가 다 할 수 있다.

자료 받으러 가기 · 2026.11.07 AI 실전교육

오늘 본 것,
가져가서 쓰세요

강의에서 보여 드린 일을 내 가게에서 다시 해 보실 수 있게 모았습니다. 받아서 쓰는 스킬은 한글 사용설명서로, 저희가 만들어 쓰는 것은 만드는 방법으로 드립니다.

26편한글 사용설명서110개복사해 쓰는 지시문확인2026-11-06 공식 문서·저장소 기준

START

처음이라면 이 순서로

  1. 클로드 코드를 설치합니다.아직이라면 사전준비 매뉴얼(가입·설치 실제 화면)을 따라 하세요.
  2. 아래에서 하나만 고릅니다.오늘 가장 필요했던 것 하나면 됩니다. 제목을 누르면 설명서가 펼쳐집니다.
  3. "복사"를 눌러 클로드에게 붙여 넣습니다.[대괄호] 안만 내 가게 내용으로 바꾸세요. 결과는 사람이 확인합니다.
드리는 것
  • 받아서 쓰는 공개 스킬의 원 저장소 주소, 설치 방법, 한글 사용설명서. 저희가 먼저 받아 확인한 사본(zip)도 라이선스가 허락하는 것은 바로 받게 두었습니다
  • 저희가 만들어 쓰는 것과 같은 것을 만드는 순서와 지시문
  • 강의에 나온 지시문 전부, 강의 자료 다시 보기
드리지 않는 것
  • 서블리원이 직접 만든 스킬 파일과 사내 프로그램
  • 서블리원 디자인 표준의 값(대신 표준을 만드는 방법과 빈 틀)
  • 라이선스 파일이 없는 저장소의 사본(그런 것은 원 저장소 설치 명령만 드립니다)

MAKE

직접 만드는 법 8편

강의에서 시연한 것들입니다. 저희 파일을 드리는 대신, 공개 도구를 받아 같은 것을 만드는 순서를 적었습니다. 나는 사람이 할 일, 클로드는 AI 에게 시킬 일입니다.

목소리 녹음만으로 유튜브 영상 만들기녹음 파일 하나를 자막·장면이 들어간 영상으로 바꾸는 작업 순서공개 도구 4개지시문 2개

다 하면 생기는 것

내 목소리 녹음에 자막과 장면 화면이 맞춰진 가로 영상(mp4) 한 편, 그리고 제목·설명 초안이 생깁니다.

받아 둘 공개 도구

도구쓰는 곳라이선스
claude-remotion-kickstart클로드 코드용 Remotion 출발 틀. 제목 화면·자막 부품이 들어 있습니다MIT
Remotion화면을 코드로 그려 mp4 로 뽑는 도구조건부(3인 이하 회사 무료, 그 외 유료)
faster-whisper녹음을 글자와 시간표로 바꾸는 전사(받아쓰기) 도구MIT
ffmpeg녹음 파일 변환과 무음 정리LGPL 2.1 이상(일부 선택 기능은 GPL)

순서

  1. 나 템플릿 저장소 README 의 설치 안내대로 프로젝트를 만듭니다. 막히면 클로드에게 맡깁니다.
  2. 나 주제와 자료를 줍니다. 클로드 대본 초안을 씁니다. 나 내 말투로 고쳐 확정합니다.
  3. 나 대본을 읽어 휴대폰으로 녹음합니다.
  4. 클로드 녹음을 전사하고 장면 계획표를 만듭니다. 나 표를 보고 승인합니다.
  5. 클로드 미리보기를 띄웁니다. 나 확인한 뒤 렌더(mp4 로 뽑기)를 시킵니다.
  6. 클로드 제목·설명 초안을 씁니다. 나 유튜브에 직접 올립니다.

그대로 붙여 넣는 지시문

장면 계획부터 받기
목표: 이 녹음으로 유튜브 가로 영상(1920×1080)을 만든다.
입력: 녹음 [경로], 대본 [경로].
먼저 녹음을 전사해 단어별 시간을 뽑아라.
그다음 장면 계획표(시간, 화면 글, 자막)만 보여 주고 멈춰라.
규칙: 대본에 없는 숫자·사실을 넣지 마라. 내가 승인하기 전에는 렌더하지 마라.
렌더와 게시 준비
승인한 계획표대로 화면을 만들고 미리보기 주소를 알려 줘.
내가 확인하면 mp4 로 렌더해라.
완성 기준: 자막이 말과 어긋나지 않고, 글자가 화면 밖으로 잘리지 않는다.
끝나면 제목 3안과 설명을 써라.
업로드는 하지 마라. 기존 파일은 지우지 말고 새 이름으로 저장해라.

시간 · 비용

걸리는 시간
측정값이 없습니다. 설치와 첫 영상까지 반나절을 어림으로 잡으세요.
비용
도구는 무료(Remotion 은 직원 3명 이하 회사 기준). 클로드 구독료는 별도.

사람이 꼭 확인할 것

  • 전사 오타(상호, 숫자, 외래어)
  • 장면 계획표의 사실 관계
  • 완성본을 처음부터 끝까지 재생

주의

  • Remotion 은 개인, 직원 3명 이하 영리 회사, 비영리만 무료입니다. 그보다 큰 회사는 라이선스를 사야 합니다.
  • 템플릿 제작자가 README 에 실험용이라 버그가 있을 수 있다고 밝혔습니다.
  • 템플릿에 든 그림 생성·전사 명령은 외부 유료 API 키가 필요합니다. 전사는 faster-whisper 로 대신하세요.
촬영본 하나로 자막·효과 릴스 만들기촬영본 하나를 무음 컷과 단어 자막, 강조 효과가 든 세로 영상으로공개 도구 4개지시문 2개

다 하면 생기는 것

말 사이 빈 구간이 잘리고, 말하는 단어에 맞춰 자막과 강조 효과가 나오는 세로 영상(1080×1920 mp4)이 생깁니다.

받아 둘 공개 도구

도구쓰는 곳라이선스
HyperFramesHTML 로 쓴 자막·효과를 mp4 로 렌더하는 도구Apache-2.0
faster-whisper단어마다 시작 시간을 뽑는 전사(받아쓰기)MIT
auto-editor말이 없는 구간을 자동으로 자릅니다Unlicense
ffmpeg세로 규격으로 자르기와 변환LGPL 2.1 이상(일부 선택 기능은 GPL)

순서

  1. 나 세로로 촬영합니다. 클로드 도구 4개를 각 README 대로 작업 폴더 안에 설치합니다.
  2. 클로드 무음 구간을 자르고 세로 규격으로 맞춥니다.
  3. 클로드 자른 뒤의 영상으로 전사합니다. 자르기 전에 하면 자막이 밀립니다.
  4. 클로드 편집 계획표(강조 단어, 확대 시점, 첫 화면 제목)를 보여 줍니다. 나 고칩니다.
  5. 클로드 렌더합니다. 나 재생해 확인합니다.

그대로 붙여 넣는 지시문

편집 계획 받기
목표: 이 촬영본을 1080×1920 릴스로 만든다. 입력: [영상 경로].
도구: auto-editor, faster-whisper, HyperFrames, ffmpeg.
순서: 무음 컷 → 자른 영상으로 단어 단위 전사 → 편집 계획표.
계획표에 강조 단어(문장당 1개 이하), 확대 시점, 첫 3초 제목을 적어라.
시간은 전사 값을 그대로 써라. 계획표만 보여 주고 멈춰라.
원본은 고치지 말고 사본으로 작업해라.
렌더와 검수
승인한 계획표대로 만들되, 렌더 전에 주요 장면 6장을 그림으로 보여 줘.
완성 기준: 자막이 얼굴과 화면 아래 버튼 자리를 가리지 않고, 한글이 깨지지 않는다.
내가 확인하면 렌더해라. 게시는 하지 마라.

시간 · 비용

걸리는 시간
서블리원 측정(노트북 CPU): 10초 영상 렌더 약 1분. 60초 영상은 5~10분 추정(미측정). 첫 설치 시간은 별도.
비용
도구 4개 모두 무료.

사람이 꼭 확인할 것

  • 전사 오타
  • 자막이 얼굴이나 하단 버튼 자리를 가리는지
  • 효과가 과하지 않은지

주의

  • HyperFrames 에 든 전사 기능은 기본 모델이 영어용이라 한국어를 영어로 옮깁니다. 한국어는 faster-whisper 로 전사하세요.
  • HyperFrames 는 Node.js 22 이상이 필요합니다.
  • 렌더 중에 다른 무거운 작업을 하면 2배 가까이 느려집니다.
내 목소리로 읽어 주는 음성 만들기짧은 내 목소리 녹음으로 대본을 읽는 음성 파일을 내 PC 에서 만들기공개 도구 4개지시문 2개

다 하면 생기는 것

대본을 내 목소리와 닮은 음성으로 읽은 파일(wav)이 생깁니다. 영상 해설이나 매장 안내 멘트에 씁니다.

받아 둘 공개 도구

도구쓰는 곳라이선스
VoxCPM2내 PC 에서 무료로 도는 음성 합성 모델. 한국어 포함 30개 언어Apache-2.0
ElevenLabs빨리 만들어야 할 때 쓰는 인터넷 서비스 대안유료 서비스(무료 플랜은 상업 이용 불가)
faster-whisper만든 음성을 다시 받아써 대본과 대조MIT
ffmpeg녹음 파일 변환과 음량 맞추기LGPL 2.1 이상(일부 선택 기능은 GPL)

순서

  1. 나 조용한 곳에서 내 목소리를 10~30초 녹음하고, 읽은 문장을 그대로 적어 둡니다.
  2. 클로드 VoxCPM2 를 README 대로 작업 폴더 안에 설치합니다(서블리원 기준 모델 약 5GB).
  3. 클로드 시험 문장 2개를 만듭니다. 나 닮았는지 듣습니다.
  4. 나 대본을 줍니다. 클로드 문장 단위로 만들어 이어 붙입니다.
  5. 클로드 만든 음성을 다시 전사해 대본과 다른 문장을 표시합니다. 나 그 문장만 다시 시킵니다.

그대로 붙여 넣는 지시문

설치와 시험 음성
목표: 내 목소리로 대본을 읽는 음성 파일을 내 PC 에서 만든다.
입력: 내 목소리 녹음 [경로], 그 녹음에서 읽은 문장 [붙여넣기].
VoxCPM2 를 공식 README 대로 이 폴더 안에만 설치해라.
시험 문장 2개만 만들어 파일 위치를 알려 주고 멈춰라.
이 녹음은 내 목소리다. 다른 사람 목소리 파일은 쓰지 마라.
대본 전체 만들기
[대본 파일]을 문장 단위로 만들어 하나로 이어 붙여라.
영문·숫자는 한글 읽기로 바꾸되, 바꾼 목록을 먼저 보여 줘.
완성 기준: 만든 음성을 다시 전사했을 때 대본과 다른 문장이 없다.
다른 문장은 표로 보여 주고 그 문장만 다시 만들어라.
이전 결과는 덮어쓰지 말고 새 이름으로 저장해라.

시간 · 비용

걸리는 시간
서블리원 측정(그래픽카드 없는 노트북): 음성 길이의 약 10배. 1분 분량에 약 10분.
비용
VoxCPM2 는 무료. ElevenLabs 는 상업 이용이 되는 가장 싼 플랜이 월 6달러(공식 요금 페이지 2026-11-06).

사람이 꼭 확인할 것

  • 내 목소리와 닮았는지 직접 듣기
  • 숫자·영문·상호 발음
  • 문장 끝에 없는 말이 붙지 않았는지

주의

  • 본인 목소리만 쓰세요. 남의 목소리는 동의 없이 복제하면 안 됩니다.
  • 공개하는 영상·음성에는 AI 음성이라고 표기하세요.
  • 느립니다. 미리 만들어 두는 용도이고, 실시간 대화나 전화 응대에는 못 씁니다.
  • 한 단어짜리 문장은 없는 말이 덧붙을 수 있습니다. 앞뒤 문장과 합쳐 만드세요.
우리 가게 디자인 표준 한 장 만들기색·글꼴·말투를 한 장에 정해 두고 "이 표준대로" 시키는 방법공개 도구 0개지시문 2개

다 하면 생기는 것

색, 글꼴, 여백, 말투, 금지 표현, 로고 규칙이 적힌 문서 한 장이 생깁니다. 이 파일을 주면 전단·상세페이지·카드뉴스가 같은 모양으로 나옵니다.

순서

  1. 나 지금 쓰는 간판·명함·포장·홈페이지 사진을 모아 줍니다.
  2. 클로드 자료에서 반복되는 색·글꼴·말투를 뽑아 빈 틀을 채운 초안을 냅니다.
  3. 나 칸마다 하나로 정합니다(주색 1개, 글꼴 2개). 못 정한 칸은 "미정"으로 둡니다.
  4. 클로드 표준대로 시안 1장을 만듭니다. 나 보고 표준을 고칩니다.
  5. 나 파일로 저장해 두고, 만들 때마다 첨부해 "이 표준대로"라고 시킵니다.

그대로 붙여 넣는 지시문

빈 틀 채우기
첨부한 자료를 보고 우리 가게 디자인 표준의 아래 틀을 채워 줘.
자료로 확인 안 되는 칸은 지어내지 말고 "미정"으로 두고 나에게 물어봐.
[색] 주색 1개: ___ / 보조색: ___ / 바탕색: ___ / 글자색: ___
[글꼴] 제목용: ___ / 본문용: ___
[모양] 여백: ___ / 모서리 둥글기: ___
[말투] 높임 방식: ___ / 문장 길이: ___
[금지 표현] ___
[로고] 놓는 자리: ___ / 최소 크기: ___ / 하면 안 되는 것: ___
초안만 보여 주고, 저장은 내가 승인한 뒤에 해.
이 표준대로 만들기
첨부한 디자인 표준대로 [만들 것]을 만들어 줘.
표준에 없는 색·글꼴은 쓰지 마.
시안 1개만 먼저 보여 주고, 내가 확인하면 나머지를 만들어.
끝나면 표준 항목별로 지켰는지 점검표를 붙여 줘.

시간 · 비용

걸리는 시간
자료가 모여 있으면 1시간 안팎(어림, 측정값 없음).
비용
추가 비용 없음.

사람이 꼭 확인할 것

  • 주색이 간판·포장의 실제 색과 같은지(화면 색과 인쇄 색은 다릅니다)
  • 고른 글꼴의 상업 이용 조건
  • 금지 표현에 과장·효능 표현이 들어갔는지

주의

  • 색을 많이 정할수록 지키기 어렵습니다. 주색은 1개만 두세요.
  • 한 번에 완성되지 않습니다. 시안을 볼 때마다 한 줄씩 고치세요.
  • 남의 가게 표준을 그대로 쓰지 마세요. 가게마다 값이 달라야 합니다.
클로드에게 일 시키는 설명서(스킬) 직접 만들기반복하는 일을 설명서 한 장으로 저장해 다음부터 한마디로 시키기공개 도구 1개지시문 2개

다 하면 생기는 것

스킬은 클로드가 일할 때 읽는 작업 설명서 한 장(SKILL.md)입니다. 반복하는 일 하나가 스킬로 저장되어, 다음부터 같은 순서와 기준으로 시킬 수 있습니다.

받아 둘 공개 도구

도구쓰는 곳라이선스
Anthropic Agent Skills 저장소공식 예시 스킬과 빈 틀(template), 규격(spec)을 볼 수 있습니다저장소 단위 표기 없음(스킬별 LICENSE 확인)

순서

  1. 나 자주 반복하고 순서가 정해진 일 하나를 고릅니다.
  2. 나 그 일을 클로드와 한 번 끝까지 해 봅니다. 고칠 점은 그때그때 말합니다.
  3. 클로드 방금 한 작업을 스킬 초안으로 정리합니다.
  4. 나 초안을 읽고 고친 뒤 저장을 승인합니다. 위치는 ~/.claude/skills/이름/SKILL.md 입니다.
  5. 나 새 대화에서 다른 예제로 시켜 봅니다. 클로드 어긋난 점을 스킬에 반영합니다.

그대로 붙여 넣는 지시문

방금 한 작업을 스킬로 저장
방금 한 작업을 스킬로 저장해 줘. 이름은 [영문-소문자-이름].
아래 5가지를 꼭 넣어 줘.
1) 언제 쓰는지(내가 쓸 법한 말 3가지) 2) 필요한 입력 3) 작업 순서
4) 완성 기준과 확인 방법 5) 하지 말 것
이번에 내가 고쳐 달라고 한 점은 규칙으로 넣어 줘.
비밀번호·키·고객 정보는 적지 마.
초안을 먼저 보여 주고, 내가 승인하면 저장해.
스킬 시험과 보완
[스킬 이름] 스킬로 [새 예제]를 해 줘.
끝나면 완성 기준별로 지켰는지 표로 보여 줘.
설명이 모자라 네가 추측한 부분은 따로 적어 줘.
스킬 파일은 고칠 내용을 먼저 보여 주고, 내가 승인한 것만 고쳐.

시간 · 비용

걸리는 시간
한 번 해 본 작업이면 정리와 저장에 10~20분(어림, 측정값 없음).
비용
추가 비용 없음.

사람이 꼭 확인할 것

  • "언제 쓰는지"가 내가 실제로 쓰는 말인지
  • 완성 기준이 눈으로 확인되는 것인지
  • 키·고객 정보가 들어가지 않았는지

주의

  • 해 보지 않은 일을 상상으로 스킬로 만들면 잘 맞지 않습니다. 먼저 한 번 해 보세요.
  • 스킬 하나에 일 하나만 담으세요. 길어지면 나눕니다.
  • 남이 만든 스킬은 내용을 읽고 설치하세요. 스킬은 클로드에게 주는 지시문입니다.
AI 가 내게 전화하게 만들기클로드가 결정이 필요할 때 내 휴대폰으로 한국어 전화를 걸게 하기공개 도구 2개지시문 2개

다 하면 생기는 것

"막히면 전화해"라고 시켜 두면 AI 가 내 휴대폰으로 전화해 한국어로 묻고, 내 답을 받아 작업을 이어 갑니다.

받아 둘 공개 도구

도구쓰는 곳라이선스
Bland.aiAI 가 전화를 걸고 대화하게 해 주는 음성 서비스. 가입·키 발급·크레딧 구매유료 서비스(Start 플랜 플랫폼 요금 0달러, 통화 분당 0.14달러)
Bland 공식 문서전화 걸기와 통화 결과 조회 방법공식 문서

순서

  1. 나 Bland.ai 에 가입하고 API 키(서비스 이용 열쇠)를 발급받습니다.
  2. 나 대시보드 Billing 에서 크레딧을 5달러 이상 구매합니다(한국 번호 통화에 필요).
  3. 나 키를 내 PC 의 텍스트 파일에 저장합니다. 채팅에는 붙여 넣지 않습니다.
  4. 클로드 키 파일 위치만 받아 전화 거는 도구를 만들고 시험 전화를 겁니다.
  5. 나 미국 번호(+1)로 오는 전화를 받습니다.
  6. 클로드 통화 요약과 받아쓴 글을 읽고 작업을 이어 갑니다.

그대로 붙여 넣는 지시문

전화 걸기 설정
목표: 네가 Bland.ai 로 내 휴대폰에 한국어 전화를 걸 수 있게 한다.
API 키는 [키 파일 경로]에 있다. 키를 화면에 출력하거나 다른 곳에 적지 마라.
내 번호는 [+8210...] 이다. 이 번호 말고는 걸지 마라.
방법은 docs.bland.ai 문서로 확인하고, language 는 "ko" 로 해라.
첫마디에 AI 가 건 전화라고 밝혀라.
계획을 먼저 보여 주고, 내가 승인하면 시험 전화를 한 번만 걸어라.
막히면 전화하게 시키기
[작업 내용]을 해 줘. 나는 자리를 비운다.
나만 정할 수 있는 결정에서 막히면 전화해. 질문은 한 통에 모아라.
안 받으면 다시 걸지 말고 채팅에 질문을 남겨라.
전화 답만으로 결제·발송·삭제를 하지 마라.
통화 후 내가 한 답과 그걸로 한 일을 채팅에 적어라.

시간 · 비용

걸리는 시간
가입부터 시험 전화까지 30분 안팎(어림, 측정값 없음).
비용
Start 플랜 플랫폼 요금 0달러, 통화 분당 0.14달러(공식 요금 페이지 2026-11-06). 미국 밖 통화는 크레딧 5달러 이상 구매 또는 자동 충전 필요(공식 문서 2026-11-06).

사람이 꼭 확인할 것

  • 시험 전화가 실제로 울리는지
  • 통화 요약이 내가 한 말과 같은지
  • Billing 에서 쓴 금액

주의

  • 가입 때 주는 무료 크레딧만으로는 해외 통화가 막힙니다(후기, @sebia.ai 노션 가이드 2026-10-17).
  • 본인이 번호를 직접 알려 준 사람에게만 겁니다. AI 가 건 전화임을 밝히고, 번호는 통화 후 지웁니다.
  • 미국 번호(+1)로 걸려 와서 스팸 차단 앱이 막을 수 있습니다(후기). 안 울리면 그 앱부터 확인하세요.
  • 요금은 바뀔 수 있습니다. 결제 전에 공식 요금 페이지를 확인하세요.
모션그래픽 종류별 요청문 12개제목 등장·숫자 카운트·차트·로고·자막 팝 등 자주 쓰는 움직임 12가지를 바로 붙여 넣는 지시문공개 도구 3개지시문 13개

다 하면 생기는 것

HyperFrames(또는 Remotion·Manim)로 뽑은 5~15초 세로 영상 조각들. 릴스 앞뒤에 붙이거나 홈페이지 첫 화면에 넣습니다.

받아 둘 공개 도구

도구쓰는 곳라이선스
HyperFrames아래 요청문의 기본 도구. HTML 로 화면을 짜서 mp4 로 뽑습니다Apache-2.0
Manim차트·도형이 그려지는 장면(4·5번)에 더 잘 맞습니다MIT
Pretendard한글 글꼴. 상업 이용 무료OFL

순서

  1. 나 아래 12개 중 하나를 골라 [대괄호]만 내 내용으로 바꿉니다.
  2. 클로드 미리보기(브라우저)를 먼저 띄웁니다. 나 움직임 속도·색을 한 번에 하나씩 고칩니다.
  3. 클로드 확인이 끝나면 mp4 로 렌더합니다. 나 폰에서 재생해 글자 크기를 확인합니다.
  4. 나 여러 조각을 쓸 때는 색 3개·글꼴 1개를 모든 요청문에 똑같이 적습니다. 그래야 한 영상처럼 보입니다.

그대로 붙여 넣는 지시문

공통 머리말(모든 요청문 맨 위에)
세로 1080x1920, 글꼴 Pretendard, 색은 [#FFD400 노랑 / #141414 검정 / #F3F2EC 미색] 세 가지만.
글자는 하단 15%·상단 10% 안전영역 안에. 미리보기 먼저 보여 주고 내가 확인하면 mp4 로 렌더해.
1 제목 등장(아래서 올라오며 또렷해짐)
5초 영상. "[이번 주 신메뉴]" 가 화면 가운데 아래쪽에서 0.6초 동안 올라오며 선명해지고, 0.3초 뒤 작은 글씨 "[11월 한정]" 이 아래에 붙어. 배경은 미색, 마지막 1초는 멈춤.
2 단어 하나씩 튀어나오는 자막
8초 영상. 문장 "[화요일에 볶고 일요일까지 내립니다]" 를 단어 단위로 0.25초 간격으로 튀어나오게(살짝 커졌다 제자리). 강조어 [볶고]·[내립니다] 만 노랑. 글자 크기는 폰에서 읽히게 화면 폭의 1/8 이상.
3 숫자 카운트업
4초 영상. "[12,480]" 이 0 에서 2초 동안 빠르게 올라가다 마지막 0.5초에 천천히 멈추고, 아래에 "[누적 주문]" 이 나타나. 숫자는 고정폭 글꼴, 천 단위 쉼표 유지.
4 막대 그래프가 자라나는 장면
6초 영상. 막대 4개([1월 80 / 2월 95 / 3월 130 / 4월 170])가 왼쪽부터 0.3초 간격으로 아래에서 자라나고, 가장 큰 막대 위에 "+113%" 가 튀어나와. 막대는 검정, 마지막 막대만 노랑. 축 글자는 작게.
5 꺾은선 그래프가 그려지는 장면
6초 영상. 점 6개([120,135,150,142,170,190])를 잇는 선이 왼쪽에서 오른쪽으로 2.5초 동안 그려지고, 끝점에서 원이 한 번 퍼져. 마지막에 "[+58%]" 라벨. 선은 검정 6px, 강조는 노랑.
6 로고 등장(선이 그려진 뒤 채워짐)
4초 영상. 내가 준 로고 svg([logo.svg])의 외곽선이 1.5초 동안 그려지고, 0.5초 동안 안이 채워진 뒤 0.3초 살짝 커졌다 돌아와. 배경 검정, 로고 미색.
7 사진 3장 슬라이드(살짝 확대되며 교체)
9초 영상. 사진 [a.jpg, b.jpg, c.jpg] 가 3초씩, 각 장면에서 사진이 1.0배에서 1.08배로 천천히 커지고 교체는 0.4초 겹침(페이드). 각 장면 하단에 한 줄 설명 [①…/②…/③…].
8 이름표(로워서드) 나타났다 사라지기
5초 영상(투명 배경 webm 도 같이). 왼쪽 아래에 노랑 막대가 0.3초 동안 왼쪽에서 밀려 나오고 그 위에 "[원석준 · 서블리원 대표]" 가 나타나. 3초 뒤 같은 방향으로 사라져. 다른 영상 위에 얹을 거라 배경은 비워 둬.
9 장면 전환 바(슉)
1초 영상(투명 배경). 노랑 띠가 왼쪽에서 오른쪽으로 0.35초에 화면을 쓸고 지나가고, 뒤따라 검정 띠가 0.1초 늦게 따라가. 릴스 장면 사이에 끼울 전환용이라 앞뒤 0.2초는 비워 둬.
10 가격표 등장
6초 영상. 가격표 3줄([아메리카노 4,500 / 라떼 5,000 / 스콘 4,200])이 위에서부터 0.3초 간격으로 왼쪽에서 밀려 들어오고, 1px 괘선이 각 줄 아래 그어져. 가격은 고정폭, 메뉴명은 Pretendard 굵게.
11 카운트다운
5초 영상. 큰 숫자 3·2·1 이 1초마다 바뀌는데 바뀔 때 0.8배에서 1.0배로 커지며 나타나고, 마지막에 "[오픈]" 이 노랑으로 크게. 숫자는 화면 높이의 40%.
12 마무리 안내(행동 유도)
5초 영상. "[지금 전화 주문]" 버튼 모양 사각형이 가운데 0.4초 만에 나타나고 1초에 한 번 살짝 커졌다 돌아오는 숨쉬기 움직임. 아래에 "[02-000-0000]" 고정폭 글꼴, 그 아래 "[화~일 10:00~21:00]" 작게.

시간 · 비용

걸리는 시간
요청문 하나당 미리보기 1~2분, 렌더 10초 영상 기준 1~2분.
비용
무료(HyperFrames·Manim·Pretendard 모두 무료). 클로드 이용료 별도.

사람이 꼭 확인할 것

  • 폰에서 글자가 읽히는지(화면 폭의 1/10 보다 작은 글자는 안 보입니다).
  • 숫자·가격·전화번호가 원문과 글자 그대로 같은지.
  • 색 3개·글꼴 1개가 모든 조각에서 같은지.

주의

  • 음악·사진·로고는 쓸 권리가 있는 것만 넣습니다.
  • 한 번에 여러 가지를 고치라고 하면 엉킵니다. "속도만", "색만" 식으로 하나씩.
홈페이지·영상 프롬프트 모음집 3곳영상 프롬프트 703개(무료), 홈페이지 칸 디자인 지시문 286개(무료), 마우스 반응 섹션 54개(일부 무료)를 복사해 쓰는 법공개 도구 3개지시문 4개

다 하면 생기는 것

남이 검증한 긴 프롬프트를 통째로 붙여 넣어 만든 소개 애니메이션(HTML), 한 장짜리 홈페이지, 마우스에 반응하는 첫 화면. 셋을 이으면 홈페이지 한 장이 됩니다.

받아 둘 공개 도구

도구쓰는 곳라이선스
Awesome Opus 5.5 Videos클로드로 만든 애니메이션 영상과 그때 쓴 프롬프트 703개 짝. 모션 58 · 설명 16 · 3D 14 · 게임 12 분류. 저희가 받아 둔 사본: https://sublione-ai-class-1107-lecture.vercel.app/dl/awesome-opus55-videos.zip (2026-11-08 판, prompts/ 폴더에 전부)MIT
VibePrompt홈페이지를 칸 단위(첫 화면·가격표·FAQ·푸터 등 15분류 286개)로 디자인 지시문 제공. 사이트에서 칸별 복사무료(사이트 안내)
Motion마우스 올리면 출렁이고 끌면 넘어가는 섹션 54개. 사이트에서 Copy Prompt무료 칸 일부 + 유료(월 9달러·평생 99~149달러)

순서

  1. 나 처음엔 단순한 것을 고릅니다. 추천: Awesome 의 Motion graphics 분류, VibePrompt 의 Hero(첫 화면), Motion 의 Free 필터(11/8 기준 Atlas · Pantheon · Folio · Cinema Reel).
  2. 나 프롬프트를 번역하지 말고 영어 그대로 통째로 복사합니다(번역하면 세부 지시가 빠집니다).
  3. 나 클로드에 붙이고 한 줄만 덧붙입니다: "화면 글자는 한국어로, 내용은 [우리 가게 / 한 줄 소개]로". 클로드 코드라면 "HTML 하나로·폰에서 안 깨지게·라이브러리는 CDN" 은 알아서 챙기니 외울 필요 없습니다.
  4. 클로드 HTML 을 만듭니다. 나 크롬으로 열어 봅니다(메모장으로 열면 글자만 보입니다).
  5. 나 "글자 더 크게"처럼 한 번에 하나씩 고칩니다. 결과가 매번 조금씩 다른 건 정상이라 마음에 들면 바로 저장합니다.
  6. 나 영상으로 쓰려면 화면을 녹화합니다(윈도우 Win+Alt+R, 맥 Shift+Cmd+5). HyperFrames 가 있으면 "이걸 mp4 로 렌더해 줘"가 더 깨끗합니다.

그대로 붙여 넣는 지시문

Awesome 영상 프롬프트 붙일 때
아래 프롬프트로 9:16 세로 15초 애니메이션을 만들어 줘. 화면 글자는 전부 한국어로, 내용은 [우리 가게 신메뉴 소개]로 바꿔.
결과는 HTML 파일 하나, 자동 재생·반복. 원작자 표기는 파일 주석에 남겨 줘.

[여기에 영어 프롬프트 통째로]
VibePrompt 칸 붙일 때
아래 지시문으로 [첫 화면] 칸을 만들어 줘. Tailwind 는 CDN 으로, 글자는 한국어, 내용은 [우리 서비스 / 한 줄 소개 / 버튼 문구]로.
다음 칸을 줄 때는 "방금 만든 페이지 아래에 이어 붙여 줘, 나머지는 그대로"라고 할게.

[여기에 지시문 통째로]
Motion 섹션 붙일 때
아래 프롬프트로 섹션 하나를 만들어 줘. 라이브러리는 CDN, 글자는 한국어, 폰에서 깨지지 않게.
이 섹션은 지금 페이지의 첫 화면과 바꿔 넣고, 문구는 원래 것을 그대로 써.

[여기에 프롬프트 통째로(아주 길어도 전부)]
셋을 이어 홈페이지 한 장(같은 대화창에서 순서대로)
A. VibePrompt 로 첫 화면 → 가격표 → FAQ 세 칸을 이어 붙여 뼈대를 만들어.
B. 첫 화면만 Motion 무료 칸으로 바꿔. 문구는 원래 것 유지.
C. Awesome 프롬프트로 16:9 10초 소개 애니메이션을 만들어 가격표 바로 위에 자동 재생·반복으로 넣어.
D. 폰 폭에서 가로로 넘치는 곳을 캡처로 확인하고 고쳐. 끝나면 Vercel 에 올려 줘(회사 사이트면 유료 요금제 확인 먼저).

시간 · 비용

걸리는 시간
칸 하나 2~5분. 홈페이지 한 장(3칸 + 영상)은 30분 안팎.
비용
Awesome·VibePrompt 무료. Motion 은 무료 칸만 0원, 그 외 월 9달러 또는 1회 99~149달러(10/23 기준). Vercel 무료(Hobby)는 개인·비상업용, 회사 사이트는 유료 확인.

사람이 꼭 확인할 것

  • 상업 이용: Awesome 은 원작자 표기 권장(MIT), VibePrompt 는 사이트 무료 안내 확인, Motion 무료 칸의 상업 이용은 사이트 안내 확인(유료 요금제는 허용).
  • Awesome 의 "partial" 표시 프롬프트는 결과가 원본 영상과 다를 수 있습니다.
  • 숫자·가격·전화번호는 내 것으로 바뀌었는지 눈으로 대조합니다.

주의

  • Awesome 영상은 클로드 Opus 5.5 기준입니다. 다른 모델이면 결과가 달라질 수 있습니다.
  • Motion 의 무료 칸은 수시로 바뀝니다(가이드북 10/23 기준 9개, 11/8 확인 4개).
  • Skillry(skillry.dev)는 운영자 비교 사이트이고 원본은 각 프롬프트 파일의 Original post 입니다.

SKILLS

받아서 쓰는 스킬 18편

저희도 받아서 쓰는 공개 스킬입니다. 설치 명령은 각 저장소의 README 에서 확인한 원문입니다. "zip" 이 붙은 것은 저희가 먼저 받아 확인한 사본이라 바로 내려받으시면 되고, 나머지는 원 저장소에서 받습니다. 별 수와 라이선스는 각 카드의 확인일 GitHub 기준입니다.

스킬한 줄 설명받기
Hallmark디자인AI 가 만든 티가 나는 홈페이지를 피하게 해 주는 디자인 스킬원 저장소
impeccable디자인이미 만든 화면을 비평하고 다듬게 시키는 디자인 명령 모음원 저장소
frontend-design디자인화면을 새로 만들 때 뻔한 기본값을 피하게 하는 Anthropic 공식 스킬원 저장소
웹 디자인 점검 스킬디자인만든 페이지를 100개 넘는 규칙으로 검사해 고칠 곳을 알려 주는 스킬원 저장소
HyperFrames모션 그래픽HTML 로 화면을 짜면 MP4 영상(릴스)으로 뽑아 주는 도구. 저희 릴스 편집도 이 위에서 돌아갑니다zip
Remotion + claude-remotion-kickstart영상목소리 녹음만으로 유튜브 영상을 만드는 출발점이 되는 공개 소스원 저장소
문서 4종: 워드·엑셀·PPT·PDF문서견적서, 주문 정리 엑셀, 제안서, PDF 합치기를 말로 시키는 내장 스킬원 저장소
Remotion 공식 스킬모션 그래픽코드로 영상을 만드는 Remotion 을 클로드가 제대로 다루게 하는 공식 안내서 13편원 저장소
MCP for Blender모션 그래픽무료 3D 프로그램 Blender 를 말로 조종해서 제품 3D 장면을 만들게 하는 연결 장치zip
Manim 스킬모션 그래픽3Blue1Brown 식 도형·수식·그래프 애니메이션을 파이썬으로 만들게 하는 스킬 3편zip
algorithmic-art (Anthropic 공식)모션 그래픽랜덤 시드와 조절 슬라이더로 매번 다른 패턴·입자 그래픽을 웹페이지로 만들어 주는 생성 미술 스킬zip
마케팅 스킬 묶음마케팅카피, 광고 문구, 이메일, 가격표까지 마케팅 글을 대신 잡아 주는 스킬 묶음원 저장소
인스타 운영 스킬 13종마케팅릴스 대본, 캡션, 댓글·DM 초안, 주간 계획을 내 말투로 써 주는 스킬 13개원 저장소
Anthropic 공식 마케팅·고객응대 플러그인가게 운영문의 답장 초안과 캠페인 계획을 정해진 양식으로 뽑아 주는 공식 플러그인 2종원 저장소
검색 노출 점검: claude-seo검색 노출가게 사이트 주소를 넣으면 검색 노출 점수와 고칠 목록을 뽑아 주는 점검 도구원 저장소
Agent-Reach가게 운영유튜브·레딧·깃허브 등에서 자료를 찾아 읽어 오게 해 주는 조사 도구원 저장소
claudex-loop검수·협업클로드가 세운 계획과 코드를 다른 회사 AI(Codex)에게 검수받는 흐름원 저장소
한국형 상세페이지 스킬마케팅상품명과 사진으로 쇼핑몰 상세페이지 기획안과 컷별 이미지 제작안을 만드는 스킬원 저장소

디자인 4편

HallmarkAI 가 만든 티가 나는 홈페이지를 피하게 해 주는 디자인 스킬★ 49,205MIT

github.com/Nutlope/hallmark

이런 분께

  • 가게 소개 페이지를 새로 만들려는 분
  • 예약·판매 페이지가 흔한 AI 시안처럼 보여 고민인 분
  • 지금 페이지에서 어색한 곳만 진단받고 싶은 분

넣는 것 → 나오는 것

넣는 것

무슨 가게인지, 누가 보는지, 눌러야 할 버튼 하나, 원하는 분위기. 실제 사진·가격·후기가 있으면 함께 줍니다.

나오는 것

HTML·CSS 페이지 한 장. 50가지 테마 중 3가지를 먼저 제안하고, 만든 뒤 자체 점검을 돌립니다.

같은 요청, 스킬 없이 대 스킬 넣고

왼쪽: 스킬 없이 만든 페이지
왼쪽: 스킬 없이 만든 페이지
오른쪽: Hallmark 를 넣고 만든 페이지
오른쪽: Hallmark 를 넣고 만든 페이지

가상의 동네 카페를 같은 요청문으로 두 번 만들었습니다. 오른쪽은 스킬이 시키는 절차(방문 목적 정하기, 테마 고르기, 검수 2회)를 따랐고, 자동 검사 스크립트는 돌리지 않았습니다. 한글 글꼴 안내는 없어 글꼴은 따로 골랐습니다. 그림을 누르면 크게 열립니다.

설치

  1. Node.js 18 이상을 설치합니다(nodejs.org).
  2. 터미널(명령을 입력하는 창)에 아래 명령을 붙여 넣습니다. 끝의 -g 는 모든 폴더에서 쓰겠다는 뜻입니다.
  3. 클로드 코드를 다시 열고 /hallmark 뒤에 만들 내용을 적습니다.
npx skills add nutlope/hallmark -g

써 보기

처음 써 보기
/hallmark 동네 꽃집 소개 페이지를 만들어 줘.
보는 사람: 선물용 꽃을 찾는 30~40대
눌러야 할 버튼: 전화 주문
분위기: 차분하고 고급스럽게
사진과 가격은 내가 준 것만 쓰고, 없는 숫자나 후기는 지어내지 마.
지금 페이지 진단만 받기
/hallmark audit ./index.html
고치지 말고 문제만 쉬운 한국어로 정리해 줘.

필요한 것 · 비용

필요
클로드 코드, Node.js 18 이상.
비용
무료(MIT). 클로드 이용료는 별도입니다.
라이선스
MIT
확인일
2026-11-06 (GitHub 기준, 별 49,205)

주의

  • 이미 있는 디자인은 이름을 불러야 손댑니다(/hallmark redesign 경로, /hallmark audit 경로).
  • 사진을 안 주면 위키미디어 공개 사진이 임시로 들어가고 출처가 표시됩니다. 내 사진으로 바꾸세요.
  • 화면 점검은 크롬과 puppeteer-core 가 있어야 돕니다. 없으면 코드 점검만 합니다.

자주 묻는 질문

시켜도 스킬이 안 켜집니다.
지시문 앞에 "hallmark 를 써서"라고 이름을 적으세요.
클로드 코드 말고도 되나요?
Codex, Cursor, OpenCode 에서도 됩니다.
impeccable이미 만든 화면을 비평하고 다듬게 시키는 디자인 명령 모음★ 104,366Apache-2.0

github.com/pbakaus/impeccable

이런 분께

  • 만든 페이지가 밋밋한데 어디를 고칠지 모르는 분
  • 공개 전에 글자·여백·오류 화면을 마지막으로 손보려는 분
  • 직원이나 외주가 만든 화면을 점수로 평가받고 싶은 분

넣는 것 → 나오는 것

넣는 것

이미 만들어 둔 페이지. "가격표", "첫 화면"처럼 범위를 좁혀서 가리킵니다.

나오는 것

고칠 곳을 중요한 순서로 정리한 비평, 또는 그 부분만 실제로 고친 결과.

설치

  1. Node.js 를 설치하고, 작업 폴더에서 아래 명령을 실행합니다.
  2. 설치 중 디자인 훅(고칠 때마다 자동 점검)을 물으면 수락합니다.
  3. 클로드 코드를 다시 열고 /impeccable init 을 한 번 실행합니다. 가게와 고객을 묻고 PRODUCT.md 에 적어 둡니다.
npx impeccable install

써 보기

비평 받기
/impeccable critique 가격표 부분
결과는 한국어로, 먼저 고칠 것 3가지만 알려 줘.
공개 전 마지막 다듬기
/impeccable polish 첫 화면
밋밋할 때, 요란할 때
/impeccable bolder 첫 화면
(너무 요란하면 bolder 대신 quieter 로 바꿔 입력)

필요한 것 · 비용

필요
클로드 코드(Cursor, Codex 등도 지원), Node.js.
비용
무료(Apache-2.0). 클로드 이용료는 별도입니다.
라이선스
Apache-2.0
확인일
2026-11-06 (GitHub 기준, 별 104,366)

주의

  • 새로 만들기보다 이미 있는 화면을 고칠 때 잘 맞습니다. 페이지 전체보다 한 부분씩 시키세요.
  • live(브라우저에서 바로 고치기) 기능은 조건에 따라 권한 확인을 끈 채 실행될 수 있다고 README 가 경고합니다. 처음에는 쓰지 마세요.

자주 묻는 질문

critique 와 audit 은 뭐가 다른가요?
critique 는 쓰기 편한지 보는 비평, audit 은 접근성·속도·화면 크기 대응을 보는 기술 점검입니다.
명령이 몇 개인가요?
24개입니다. /impeccable 만 입력하면 목록이 나옵니다.
frontend-design화면을 새로 만들 때 뻔한 기본값을 피하게 하는 Anthropic 공식 스킬★ 46,267Apache-2.0

github.com/anthropics/claude-plugins-official

이런 분께

  • 클로드에게 랜딩 페이지를 처음부터 만들게 하려는 분
  • 색과 글꼴 계획을 먼저 보고 결정하고 싶은 분
  • 명령을 외우지 않고 화면 작업 때마다 자동으로 적용되길 바라는 분

넣는 것 → 나오는 것

넣는 것

무엇을 위한 화면인지(업종, 보는 사람, 화면의 목적). 실제 문구와 사진이 있으면 함께 줍니다.

나오는 것

색·글꼴·배치 계획을 먼저 세우고, 뻔한 부분을 스스로 고친 뒤 만든 화면 코드.

설치

  1. 클로드 코드 입력창에 아래 명령을 입력합니다.
  2. 또는 /plugin 을 입력하고 Discover 에서 frontend-design 을 찾아 설치합니다.
  3. 따로 부르지 않아도 화면을 만들어 달라고 하면 자동으로 쓰입니다.
/plugin install frontend-design@claude-plugins-official

써 보기

처음 써 보기
우리 수제 케이크 가게 예약 페이지를 만들어 줘.
보는 사람: 기념일 케이크를 찾는 손님
목적: 예약 문의 버튼 누르기
먼저 색 4~6가지, 글꼴, 배치 계획을 보여 주고 내가 확인하면 만들어.
뻔한 곳 스스로 고치게 하기
방금 계획에서 다른 가게 페이지에도 그대로 쓸 수 있는 부분을 찾아 우리 가게에 맞게 고쳐 줘.
무엇을 왜 바꿨는지 말해 줘.

필요한 것 · 비용

필요
클로드 코드.
비용
무료(Apache-2.0). 클로드 이용료는 별도입니다.
라이선스
Apache-2.0
확인일
2026-11-06 (GitHub 기준, 별 46,267)

주의

  • 업종과 고객을 알려 주지 않으면 클로드가 주제를 가정합니다. 꼭 적으세요.
  • 문구를 안 주면 임시 문구를 지어 넣습니다. 가격·연락처는 직접 확인하세요.

자주 묻는 질문

Hallmark, impeccable 과 뭐가 다른가요?
이 스킬은 만들 때의 기본기입니다. Hallmark 는 테마와 자동 점검이 붙고, impeccable 은 만든 뒤 고치는 명령입니다.
설치됐는지 어떻게 아나요?
/plugin 화면의 설치 목록에 frontend-design 이 있는지 봅니다.
웹 디자인 점검 스킬만든 페이지를 100개 넘는 규칙으로 검사해 고칠 곳을 알려 주는 스킬★ 33,624저장소 단위 표기 없음

github.com/vercel-labs/agent-skills

이런 분께

  • 공개 전에 페이지를 한 번 검사받고 싶은 분
  • 키보드만 쓰는 손님, 시각이 불편한 손님도 쓸 수 있는지 확인하려는 분
  • 외주로 받은 홈페이지의 기본기를 확인하려는 분

넣는 것 → 나오는 것

넣는 것

검사할 페이지 파일(또는 폴더).

나오는 것

규칙에 어긋난 곳의 목록. 파일 이름과 줄 번호로 짧게 나옵니다.

설치

  1. Node.js 를 설치하고 터미널에서 아래 명령을 실행합니다.
  2. 고르는 화면이 나오면 web-design-guidelines 를 선택합니다.
  3. 클로드 코드에서 "내 화면 검토해 줘"라고 하면 쓰입니다.
npx skills add vercel-labs/agent-skills

써 보기

처음 써 보기
index.html 을 web-design-guidelines 로 검토해 줘.
결과는 한국어로, 손님이 불편을 겪는 순서대로 정리해 줘.
급한 것부터 고치기
위 목록에서 급한 것 5개만 고쳐 줘.
고치기 전과 후가 어떻게 다른지 설명해 줘.

필요한 것 · 비용

필요
클로드 코드, Node.js, 인터넷 연결(검사할 때마다 최신 규칙을 내려받습니다).
비용
무료로 공개돼 있습니다. 사용 조건은 저장소에서 확인하세요.
라이선스
저장소 단위 표기 없음
확인일
2026-11-06 (GitHub 기준, 별 33,624)

주의

  • 저장소에 라이선스 파일이 없고 README 끝에 MIT 라고만 적혀 있습니다. 여기서는 주소만 안내합니다. 조건은 저장소에서 직접 확인하세요.
  • 예쁜지를 보는 스킬이 아닙니다. 접근성, 입력 칸, 속도 같은 기본기를 봅니다.
  • 같은 저장소의 다른 스킬(React 용 등)도 함께 나옵니다. 필요 없으면 고르지 마세요.

자주 묻는 질문

결과가 영어와 줄 번호라 어렵습니다.
"쉬운 한국어로 풀어서 설명해 줘"라고 이어서 시키세요.
무엇을 검사하나요?
접근성, 포커스 표시, 입력 양식, 움직임, 글자, 이미지, 속도, 다크 모드, 터치, 날짜·숫자 표기입니다.

영상 1편

Remotion + claude-remotion-kickstart목소리 녹음만으로 유튜브 영상을 만드는 출발점이 되는 공개 소스★ 123 (Remotion 본체 71,167)MIT (Remotion 본체는 조건부: 3인 이하 회사 무료, 그 외 유료)

github.com/jhartquist/claude-remotion-kickstart

이런 분께

  • 얼굴 촬영 없이 설명 영상을 올리려는 분
  • 녹음에 맞춰 자막이 넘어가는 영상이 필요한 분
  • 사용법 영상을 같은 틀로 여러 편 만들려는 분

넣는 것 → 나오는 것

넣는 것

내 목소리 녹음 파일과 영상에 넣을 제목·사진.

나오는 것

제목 화면과 자막이 녹음에 맞춰 이어지는 MP4 영상.

설치

  1. Node.js 20 이상, pnpm(npm install -g pnpm), ffmpeg 를 설치합니다.
  2. 저장소 화면의 Use this template → Create a new repository 로 내 저장소를 만듭니다.
  3. 아래 명령으로 내려받습니다(주소는 내 저장소 주소로).
  4. pnpm run dev 로 미리 보고 pnpm exec remotion render MyVideo 로 뽑습니다.
git clone https://github.com/YOUR-USERNAME/YOUR-REPO-NAME.git
cd YOUR-REPO-NAME
pnpm install

써 보기

내 녹음으로 영상 만들기
이 폴더는 claude-remotion-kickstart 소스야.
public/audio/ 의 내 녹음 파일로 가로 1080p 영상을 만들어 줘.
녹음을 글로 옮기고 말한 시간에 맞춰 장면을 나눠.
첫 장면은 제목, 이후는 요약 화면과 자막.
미리보기 후 내가 확인하면 MP4 로 렌더해. 녹음에 없는 내용은 지어내지 마.
세로 쇼츠로 바꾸기
방금 영상을 Portrait-1080p(세로)로 바꿔 다시 렌더해 줘.

필요한 것 · 비용

필요
클로드 코드, 깃허브 계정. 받아쓰기 명령(/transcribe)은 Deepgram 키가 필요합니다.
비용
소스는 무료(MIT). Remotion 은 조건부 무료(주의 참고).
라이선스
MIT (Remotion 본체는 조건부: 3인 이하 회사 무료, 그 외 유료)
확인일
2026-11-06 (GitHub 기준, 별 123 (Remotion 본체 71,167))

주의

  • Remotion 은 개인, 직원 3명 이하 회사, 비영리 단체만 무료입니다. 그 외 회사는 유료 라이선스(remotion.pro)가 필요합니다.
  • 서블리원이 이 위에 얹은 사내 디자인과 작업 순서는 드리지 않습니다. 만드는 방법만 안내합니다.
  • 실험용이라 오류가 많을 수 있다고 만든 사람이 밝혔습니다(마지막 갱신 2025-12-09).

자주 묻는 질문

Deepgram 키가 없으면요?
대본 글을 직접 주고 그에 맞춰 장면을 나누게 하세요.
직원이 4명이면요?
시험 사용은 무료입니다. 영업에 쓰려면 회사 라이선스를 사야 합니다.

모션 그래픽 5편

HyperFramesHTML 로 화면을 짜면 MP4 영상(릴스)으로 뽑아 주는 도구. 저희 릴스 편집도 이 위에서 돌아갑니다★ 80,600Apache-2.0

github.com/heygen-com/hyperframes

이런 분께

  • 촬영 없이 글자와 사진으로 신제품 릴스를 만들려는 분
  • 같은 틀의 홍보 영상을 문구만 바꿔 뽑는 분
  • 움직이는 자막이 든 짧은 영상이 필요한 분

넣는 것 → 나오는 것

넣는 것

영상 길이, 넣을 문구, 사진·영상·음악 파일.

나오는 것

MP4 영상 파일. 렌더(영상으로 굽기) 전에 브라우저로 미리 봅니다.

받기

zip 내려받기스킬 9편 + LICENSE 사본(Apache-2.0, 2026-11-08 판, 2.1MB). 압축을 풀어 skills 안의 hyperframes 폴더를 ~/.claude/skills/ 에 넣으면 됩니다. 렌더 도구(npx hyperframes)는 아래 명령으로 따로 받습니다.

설치

  1. Node.js 22 이상과 FFmpeg(영상 변환 프로그램)를 설치합니다.
  2. 터미널에서 아래 두 줄을 실행합니다.
  3. 클로드 코드에서 /hyperframes:hyperframes 로 영상을 주문합니다.
  4. 직접 해 보려면: npx hyperframes init my-video → cd my-video → npx hyperframes preview → npx hyperframes render
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

써 보기

첫 영상 만들기
/hyperframes:hyperframes 로 10초짜리 세로(1080x1920) 신메뉴 소개 영상을 만들어 줘.
제목이 서서히 나타나고 내가 준 사진 3장이 차례로 나오게.
미리보기를 보여 주고 내가 확인하면 MP4 로 렌더해 줘.
문구만 바꿔 다시 뽑기
방금 영상에서 제목을 "이번 주 한정"으로 바꾸고 다시 렌더해 줘.

필요한 것 · 비용

필요
클로드 코드, Node.js 22 이상, FFmpeg.
비용
무료(Apache-2.0). 데스크톱 앱의 Pro 요금제와 Pro 표시 스킬은 유료입니다.
라이선스
Apache-2.0
확인일
2026-11-08 (GitHub 기준, 별 80,600)

주의

  • 요구 사양은 Node.js 22 이상입니다. node -v 로 확인하세요.
  • 음악·사진·글꼴은 쓸 권리가 있는 것만 넣으세요.

자주 묻는 질문

세로 영상(릴스)도 되나요?
됩니다. 1080x1920 이라고 적으세요.
클로드 코드가 아니면요?
npx skills add heygen-com/hyperframes 로 받고 Core Skills 를 고릅니다.
Remotion 공식 스킬코드로 영상을 만드는 Remotion 을 클로드가 제대로 다루게 하는 공식 안내서 13편★ 6,500명시 없음(저장소에 LICENSE 파일 없음. Remotion 본체는 조건부 무료)

github.com/remotion-dev/skills

이런 분께

  • 자막·차트·제목이 움직이는 설명 영상을 코드로 뽑고 싶은 분
  • 같은 틀의 영상을 문구만 바꿔 여러 편 만드는 분
  • HyperFrames 보다 React 에 익숙한 개발자가 옆에 있는 분

넣는 것 → 나오는 것

넣는 것

영상 길이와 비율, 넣을 문구, 사진·영상·음악 파일, 원하는 움직임 한 줄.

나오는 것

Remotion 프로젝트와 MP4 영상. 자막(remotion-captions), 지도(remotion-maps), 렌더(remotion-render)까지 스킬이 나뉘어 있습니다.

설치

  1. Node.js 20 이상을 설치합니다(nodejs.org).
  2. 터미널에서 아래 명령을 실행하고 목록에서 필요한 스킬을 고릅니다(전부 골라도 됩니다).
  3. 새 영상 프로젝트는 bun create video 로 만들 때 스킬 추가를 선택해도 됩니다.
  4. 사본(zip)은 드리지 않습니다. 저장소에 라이선스 파일이 없어 복제 허락이 명시돼 있지 않기 때문입니다. 위 명령으로 원 저장소에서 바로 받으세요.
npx skills add remotion-dev/skills

써 보기

첫 영상 만들기
remotion-create 스킬로 10초짜리 세로(1080x1920) 신메뉴 소개 영상 프로젝트를 만들어 줘.
제목이 아래에서 올라오고 내가 준 사진 3장이 1.5초씩 바뀌게.
npx remotion studio 로 미리보기를 띄워 주고, 내가 확인하면 MP4 로 렌더해.
녹음에 맞춘 자막 영상
remotion-captions 스킬로 public/voice.mp3 녹음에 단어 단위 자막이 붙는 영상을 만들어 줘.
자막은 하단 안전영역 위, 한 번에 한 줄, 강조어만 노랑.
녹음에 없는 말은 지어내지 마.

필요한 것 · 비용

필요
클로드 코드, Node.js 20 이상. 렌더에 필요한 크롬·FFmpeg 는 Remotion 이 함께 받습니다.
비용
스킬은 무료. Remotion 본체는 개인·직원 3명 이하 회사·비영리만 무료, 그 외 회사는 유료 라이선스(remotion.pro).
라이선스
명시 없음(저장소에 LICENSE 파일 없음. Remotion 본체는 조건부 무료)
확인일
2026-11-08 (GitHub 기준, 별 6,500)

주의

  • Remotion 은 직원 4명 이상 회사가 영업용으로 쓰면 회사 라이선스가 필요합니다. 영상 한 편 시험은 무료입니다.
  • 스킬 13편이 한꺼번에 들어오면 클로드가 읽는 양이 늘어 느려질 수 있습니다. 쓰는 것만 고르세요.

자주 묻는 질문

HyperFrames 와 뭐가 다른가요?
HyperFrames 는 HTML 로, Remotion 은 React 코드로 영상을 만듭니다. 개발자가 없으면 HyperFrames 가 쉽고, Remotion 은 라이선스 조건을 먼저 확인하세요.
어느 스킬부터 보나요?
remotion-best-practices 가 안내 역할(라우터)입니다. 클로드가 알아서 나머지를 부릅니다.
MCP for Blender무료 3D 프로그램 Blender 를 말로 조종해서 제품 3D 장면을 만들게 하는 연결 장치★ 33,600MIT

github.com/ahujasid/mcp-for-blender

이런 분께

  • 제품 사진 대신 3D 장면(회전, 조명, 배경)을 만들어 보고 싶은 분
  • 패키지·간판·부스 시안을 입체로 보여 주고 싶은 분
  • Blender 를 배우지 않고 결과만 얻고 싶은 분

넣는 것 → 나오는 것

넣는 것

만들 장면 한 줄("흰 배경에 머그컵 3개, 위에서 비추는 조명"), 있으면 3D 파일(glb·obj)이나 참고 사진.

나오는 것

Blender 안에 장면이 만들어지고, 렌더 이미지(png)나 짧은 회전 영상으로 뽑을 수 있습니다. 공개 3D 자산(Poly Haven, 무료)도 바로 가져옵니다.

받기

zip 내려받기저장소 전체 사본(MIT, 2026-11-08 판, 1.1MB). 실제 설치는 아래 명령이 하고, 사본은 참고·보관용입니다.

설치

  1. Blender(blender.org, 무료) 3.0 이상과 uv(파이썬 실행기)를 설치합니다. Windows: winget install --id=astral-sh.uv -e
  2. 터미널에서 아래 첫 줄로 클로드 코드에 연결하고, 둘째 줄로 Blender 애드온을 설치합니다.
  3. Blender 를 열고 환경설정 → 애드온에서 "Interface: MCP for Blender" 를 켠 뒤, 3D 화면 오른쪽 N 패널에서 Start MCP Server 를 누릅니다.
  4. 클로드 코드에서 "블렌더에 머그컵 하나 만들어 줘"라고 시켜 연결을 확인합니다.
claude mcp add blender uvx mcp-for-blender
uvx mcp-for-blender install-addon

써 보기

제품 장면 하나 만들기
블렌더에 흰 스튜디오 배경을 만들고 가운데 머그컵 하나를 놓아 줘.
위에서 부드럽게 비추는 조명 하나, 카메라는 살짝 위에서 내려다보게.
1080x1080 으로 렌더해서 png 로 저장해 줘. 하나씩 확인받으며 진행해.
공개 3D 자산 가져오기
폴리헤이븐에서 나무 테이블 모델을 가져와 머그컵 아래에 놓고, 배경 HDRI 도 실내 조명으로 바꿔 줘.

필요한 것 · 비용

필요
Blender 3.0 이상, Python 3.10 이상, uv. 클로드 코드.
비용
본체 무료(MIT). Poly Haven 자산 무료(CC0). Meshy·Tripo 같은 AI 3D 생성은 각 서비스 키(유료)가 있어야 합니다.
라이선스
MIT
확인일
2026-11-08 (GitHub 기준, 별 33,600)

주의

  • 이 도구는 스킬이 아니라 MCP(연결 장치)라 Blender 가 켜져 있고 서버가 시작돼 있어야 움직입니다.
  • 사용 현황을 보내는 조건(TERMS_AND_CONDITIONS.md)이 있습니다. 저장소에서 내용을 읽고 쓰세요.
  • 서버는 한 번에 한 프로그램(클로드 코드 또는 클로드 데스크톱)에서만 연결합니다.
  • 패키지 이름이 blender-mcp 에서 mcp-for-blender 로 바뀌었습니다. 옛 명령도 당분간 됩니다.

자주 묻는 질문

Blender 를 전혀 모르는데요?
괜찮습니다. 장면을 말로 설명하면 클로드가 만듭니다. 결과를 보고 "조명 더 밝게" 식으로 고치면 됩니다.
영상도 되나요?
회전 영상 같은 짧은 것은 됩니다. 긴 모션 그래픽은 HyperFrames 쪽이 빠릅니다.
Manim 스킬3Blue1Brown 식 도형·수식·그래프 애니메이션을 파이썬으로 만들게 하는 스킬 3편★ 1,300MIT (Manim 본체도 MIT)

github.com/adithya-s-k/manim_skill

이런 분께

  • 가격 비교, 매출 추이, 작동 원리를 "움직이는 그림"으로 설명하고 싶은 분
  • 교육용 영상이나 설명 릴스를 만드는 분
  • 차트가 그려지는 장면을 영상에 넣고 싶은 분

넣는 것 → 나오는 것

넣는 것

설명할 내용 한 문단, 숫자(표), 원하는 길이. 예: "우리 가게 월 매출 6개월 추이를 그래프가 그려지는 15초 영상으로".

나오는 것

MP4 영상(투명 배경도 가능). manim-composer 가 장면 계획표를 먼저 만들고, manimce-best-practices 가 코드를 짭니다.

받기

zip 내려받기스킬 3편 사본(MIT, 2026-11-08 판, 0.35MB). 압축을 풀어 skills 안의 폴더들을 ~/.claude/skills/ 에 넣으면 됩니다.

설치

  1. Python 3.10 이상을 설치합니다(python.org). Windows 는 설치 화면에서 Add to PATH 를 켭니다.
  2. 터미널에서 pip install manim 을 실행합니다. 수식을 넣을 때만 LaTeX(MiKTeX)가 추가로 필요합니다.
  3. 아래 명령으로 스킬을 받습니다(또는 위 zip 을 풀어 넣습니다).
  4. 클로드 코드에서 "manim 으로 ~ 영상 만들어 줘"라고 시킵니다.
npx skills add adithya-s-k/manim_skill

써 보기

매출 그래프가 그려지는 영상
manim 으로 15초 세로(1080x1920) 영상을 만들어 줘.
내용: 월 매출 6개월(5월 120, 6월 135, 7월 150, 8월 142, 9월 170, 10월 190, 단위 만원)이 꺾은선으로 그려지고 마지막 점에서 "+58%" 가 튀어나오게.
글꼴은 Pretendard, 배경은 흰색, 선은 검정, 강조는 노랑.
먼저 장면 계획표를 보여 주고 내가 확인하면 렌더해.
원리 설명 장면
전사 인쇄가 열과 압력으로 잉크를 옮기는 원리를 도형 3개로 20초 안에 설명하는 영상을 만들어 줘. 글자는 한글, 한 장면에 한 문장.

필요한 것 · 비용

필요
클로드 코드, Python 3.10 이상, Manim(pip), FFmpeg(스킬 README 기준 필수). 수식용 LaTeX 는 선택.
비용
무료.
라이선스
MIT (Manim 본체도 MIT)
확인일
2026-11-08 (GitHub 기준, 별 1,300)

주의

  • Manim 은 두 갈래(Community 판 manim, 3b1b 판 manimgl)가 있고 명령이 다릅니다. 처음이면 Community 판(pip install manim)을 쓰세요.
  • Windows 에서 설치가 막히면 Microsoft C++ Build Tools 가 필요할 수 있습니다. 클로드에게 오류 문구를 그대로 주면 안내합니다.
  • 한글 글꼴은 직접 지정해야 합니다(기본 글꼴은 한글이 깨질 수 있음).

자주 묻는 질문

수학 영상 아닌가요?
원래는 그렇지만 숫자·차트·도형이 움직이는 모든 설명에 씁니다. 가격표, 매출 추이, 공정 순서에 잘 맞습니다.
HyperFrames 와 뭐가 다른가요?
HyperFrames 는 웹 화면(글자·사진·자막) 영상, Manim 은 도형·그래프가 그려지는 영상에 강합니다. 둘을 이어 붙여도 됩니다.
algorithmic-art (Anthropic 공식)랜덤 시드와 조절 슬라이더로 매번 다른 패턴·입자 그래픽을 웹페이지로 만들어 주는 생성 미술 스킬★ 188,800 (저장소 전체)Apache-2.0 (스킬 폴더 LICENSE.txt)

github.com/anthropics/skills

이런 분께

  • 배경 패턴, 포스터 뒷면, 영상 배경을 사진 없이 만들고 싶은 분
  • 브랜드 색으로 매번 다른 그래픽을 뽑아 SNS 에 올리는 분
  • 웹사이트 첫 화면에 살아 움직이는 배경을 넣고 싶은 분

넣는 것 → 나오는 것

넣는 것

분위기와 색 3개, 쓰임(배경·포스터·영상 뒷배경), 크기(예: 1080x1350).

나오는 것

p5.js 가 들어간 HTML 한 장. 브라우저에서 열면 슬라이더로 밀도·색·속도를 바꾸고, 시드를 바꾸면 새 그림이 나옵니다. 캡처해서 그림으로, 녹화해서 영상 배경으로 씁니다.

받기

zip 내려받기스킬 폴더 사본(Apache-2.0, 2026-11-08 판, 19KB). 압축을 풀어 algorithmic-art 폴더를 ~/.claude/skills/ 에 넣으면 끝입니다.

설치

  1. 방법 1(가장 쉬움): 위 zip 을 풀어 algorithmic-art 폴더를 ~/.claude/skills/ 에 넣습니다.
  2. 방법 2(공식): 클로드 코드 안에서 아래 두 줄을 차례로 입력합니다. example-skills 묶음에 들어 있습니다.
  3. 클로드 코드에서 "algorithmic-art 로 ~ 만들어 줘"라고 시킵니다. 설치할 프로그램은 없습니다.
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

써 보기

브랜드 색 배경 패턴
algorithmic-art 스킬로 1080x1350 포스터 배경을 만들어 줘.
색은 #FFD400(노랑), #141414(검정), #F3F2EC(미색) 세 가지만.
느낌: 종이 위에 잉크가 번지듯 느리게 흐르는 선. 글자가 들어갈 가운데는 비워 둬.
슬라이더로 선 개수와 속도를 바꿀 수 있게 하고, 완성되면 png 로 저장하는 버튼도 넣어 줘.
영상 배경으로 녹화
방금 그래픽을 1080x1920 세로로 바꾸고, 10초 동안 천천히 움직이는 모습을 webm 으로 녹화하는 버튼을 추가해 줘.

필요한 것 · 비용

필요
클로드 코드와 브라우저만 있으면 됩니다.
비용
무료.
라이선스
Apache-2.0 (스킬 폴더 LICENSE.txt)
확인일
2026-11-08 (GitHub 기준, 별 188,800 (저장소 전체))

주의

  • 유명 작가의 작품을 그대로 흉내 내지 않도록 스킬 자체가 막습니다. "~작가 풍으로"는 안 됩니다.
  • 결과는 매번 다릅니다. 마음에 든 그림은 시드 번호를 적어 두세요(같은 시드면 같은 그림).

자주 묻는 질문

디자인 프로그램이 필요한가요?
아니요. HTML 파일을 브라우저에서 열면 끝입니다.
상업적으로 써도 되나요?
Apache-2.0 이라 됩니다. 만든 그림은 내 것입니다.

문서 1편

문서 4종: 워드·엑셀·PPT·PDF견적서, 주문 정리 엑셀, 제안서, PDF 합치기를 말로 시키는 내장 스킬★ 187,972저장소 단위 표기 없음(스킬별 LICENSE 확인)

github.com/anthropics/skills

이런 분께

  • 견적서·안내문을 워드 파일로 바로 받고 싶은 분
  • 주문 내역을 엑셀로 정리하고 합계를 내려는 분
  • 제안서(PPT)를 만들거나 PDF 여러 개를 묶어야 하는 분

넣는 것 → 나오는 것

넣는 것

만들 내용을 적은 글, 또는 손볼 파일을 첨부합니다.

나오는 것

내려받을 수 있는 워드·엑셀·PPT·PDF 파일.

설치

  1. 설치할 것이 없습니다. 클로드 앱과 웹에 들어 있습니다.
  2. 파일이 안 만들어지면 설정 → 기능(Capabilities)에서 "코드 실행 및 파일 생성(Code execution and file creation)"을 켭니다.
  3. 내용을 적거나 파일을 첨부하고 받을 파일 형식을 말합니다.

써 보기

견적서(워드)
아래 내용으로 견적서를 워드 파일로 만들어 줘.
받는 곳: (거래처 이름)
품목: 단체 티셔츠 50장, 장당 9,000원
부가세 별도, 유효 기간 2주
표로 정리하고 합계를 계산해 줘.
주문 정리(엑셀)
첨부한 주문 내역 엑셀을 상품별로 묶어 수량과 금액 합계를 내 줘.
새 시트에 정리하고 원본은 그대로 둬.
제안서(PPT)
위 견적 내용으로 5장짜리 제안서를 PPT 파일로 만들어 줘.
표지, 가게 소개, 제안 내용, 가격, 연락 방법 순서로.

필요한 것 · 비용

필요
클로드 계정만 있으면 됩니다.
비용
무료 요금제를 포함한 모든 요금제에서 됩니다(Anthropic 도움말 기준).
라이선스
저장소 단위 표기 없음(스킬별 LICENSE 확인)
확인일
2026-11-06 (GitHub 기준, 별 187,972)

주의

  • 금액과 수량 계산은 직접 한 번 확인하세요.
  • 고객 전화번호·주소는 지우고 올리세요.
  • 이 4종의 스킬 파일은 오픈소스가 아닙니다. 복사해 나눠 주면 안 됩니다(LICENSE). 클로드 안에서만 쓰세요.

자주 묻는 질문

PDF 여러 개를 합칠 수 있나요?
됩니다. 파일을 첨부하고 "순서대로 한 파일로 합쳐 줘"라고 하세요.
클로드 코드에서도 되나요?
/plugin marketplace add anthropics/skills 다음에 /plugin install document-skills@anthropic-agent-skills 를 입력합니다.

마케팅 3편

마케팅 스킬 묶음카피, 광고 문구, 이메일, 가격표까지 마케팅 글을 대신 잡아 주는 스킬 묶음★ 58,821MIT

github.com/coreyhaines31/marketingskills

이런 분께

  • 상품 소개 글과 광고 문구를 매번 새로 쓰기 벅찬 분
  • 할인·묶음 구성과 가격을 어떻게 잡을지 고민인 분
  • 써 둔 글에서 AI 가 쓴 티를 덜어 내고 싶은 분

넣는 것 → 나오는 것

넣는 것

가게와 상품 정보(누구에게 무엇을 파는지), 그리고 쓰고 싶은 글의 종류를 적어 줍니다.

나오는 것

바로 붙여 쓸 수 있는 문구 초안과 그렇게 쓴 이유가 나옵니다.

실제로 돌려 본 결과 (넣은 것 → 나온 것)

copywriting 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
copywriting 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
cro 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
cro 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
emails 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
emails 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
social 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
social 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
offers 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
offers 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
pricing 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
pricing 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
ad-creative 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
ad-creative 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
ai-seo 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
ai-seo 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
marketing-psychology 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
marketing-psychology 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠

서블리원이 2026-11-06 에 직접 돌린 결과입니다. 그림을 누르면 크게 열립니다.

설치

  1. 클로드 코드(Claude Code) 대화창에 아래 명령 두 줄을 차례로 입력합니다.
  2. 클로드 코드를 껐다 켭니다.
  3. 맨 먼저 가게 기본 정보를 정리시킵니다(product-marketing). 다른 스킬이 이 파일을 먼저 읽습니다.
/plugin marketplace add coreyhaines31/marketingskills
/plugin install marketing-skills

써 보기

가게 기본 정보 먼저 정리
product-marketing 스킬로 우리 가게 마케팅 기본 정보를 정리해 줘.
업종: (예: 동네 수제 디저트 가게)
주 고객: (예: 30대 직장인, 선물용)
대표 상품과 가격: (직접 적기)
모르는 항목은 지어내지 말고 나에게 물어봐.
상품 소개 문구 쓰기
copywriting 스킬로 아래 상품의 스마트스토어 소개 문구를 써 줘.
상품: (상품명과 특징 3가지)
제목 3안, 본문 1안. 한국어로, 과장 표현 없이.

들어 있는 것

이름하는 일
product-marketing가게·상품·고객 기본 정보를 파일 하나로 정리(가장 먼저 실행)
copywriting홈페이지·상품 페이지 문구를 새로 쓰기
copy-editing이미 쓴 글을 다듬고 AI 티 나는 표현 걷어 내기
social인스타·페이스북 등 SNS 글과 짧은 영상 대본, 게시 일정
ad-creative광고 제목·본문을 여러 안으로 뽑기
emails환영·재방문 유도 등 여러 통짜리 이메일 흐름
offers덤·보증·기간 한정 등 제안 구성 짜기
pricing가격과 요금 구성 정하기, 가격표 점검
launch신상품·행사 공개 계획과 점검표
content-strategy블로그·콘텐츠 주제와 발행 계획
cro페이지에서 문의·구매로 이어지지 않는 이유 진단
marketing-psychology사람이 사는 이유(심리 원리)를 문구와 가격에 적용

필요한 것 · 비용

필요
클로드 코드
비용
스킬은 무료(MIT). 클로드 이용료만 듭니다.
라이선스
MIT
확인일
2026-11-06 (GitHub 기준, 별 58,821)

주의

  • 영어권 온라인 서비스(SaaS) 기준입니다. 판매처(스마트스토어 등)와 "한국어로"를 지시문에 적으세요.
  • 숫자·후기·효능은 직접 준 것만 쓰게 하세요. 초안은 읽어 보고 올립니다.
  • 스킬이 53개입니다. 아래 목록부터 쓰세요.

자주 묻는 질문

스킬 이름을 외워야 하나요?
아니요. "환영 이메일 5통 써 줘"처럼 말하면 맞는 스킬이 쓰입니다.
대화창 명령이 안 됩니다.
터미널에서 npx skills add coreyhaines31/marketingskills 로도 설치합니다(README 안내, Node.js 필요).
인스타 운영 스킬 13종릴스 대본, 캡션, 댓글·DM 초안, 주간 계획을 내 말투로 써 주는 스킬 13개★ 5,057MIT

github.com/Jakeschincariol/instagram-agent-skill

이런 분께

  • 릴스 첫 문장(훅)과 대본에서 매번 막히는 분
  • 캡션·댓글·DM 답장에 시간을 많이 쓰는 분
  • 이번 주에 무엇을 올릴지 계획이 없는 분

넣는 것 → 나오는 것

넣는 것

주제 한 줄과 내 말투 파일(voice.md).

나오는 것

복사해 쓸 초안이 나옵니다. 올리는 일은 직접 합니다.

실제로 돌려 본 결과 (넣은 것 → 나온 것)

/ig-reel 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
/ig-reel 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠

서블리원이 2026-11-06 에 직접 돌린 결과입니다. 그림을 누르면 크게 열립니다.

설치

  1. 클로드 코드 대화창에 아래 명령 두 줄을 차례로 입력하고 껐다 켭니다.
  2. 말투 파일부터 채웁니다. 저장소의 templates/voice.md 를 ~/.claude/instagram/voice.md 로 복사해 적습니다. 모든 스킬이 이 파일을 읽습니다.
  3. /ig-reel 로 첫 대본을 받아 봅니다.
/plugin marketplace add Jakeschincariol/instagram-agent-skill
/plugin install instagram-agent

써 보기

말투 파일 만들기
아래는 내가 실제로 올린 인스타 글 3개야.
이걸 읽고 ~/.claude/instagram/voice.md 를 써 줘.
내가 쓰지 않는 표현도 따로 정리해 줘.
(글 3개 붙여 넣기)
릴스 대본 받기
/ig-reel 주제: (예: 주문 제작 케이크 예약하는 법)
훅 3개를 점수와 함께 보여 주고, 가장 좋은 것으로 30초 대본과 화면 자막을 써 줘.
AI 티 지우기
/ig-human
(방금 받은 대본이나 캡션 붙여 넣기)

들어 있는 것

이름하는 일
ig-reel주제 하나로 훅 3개(점수 포함), 대본, 화면 자막, 초 단위 구성표
ig-viral내 분야에서 평소보다 크게 터진 릴스를 찾아 참고 파일로 정리
ig-caption캡션 쓰기와 "더 보기" 앞에 보이는 125자 확인
ig-carousel카드뉴스 표지와 장별 문구
ig-story하루치 스토리 순서와 스티커 쓰임
ig-profile프로필을 100점 만점으로 채점하고 고쳐 쓰기
ig-plan한 주 게시 계획과 소통할 계정 10곳
ig-human줄표·AI 말투·보이지 않는 문자를 지우고 점수 매기기
ig-comment, ig-reply남의 글에 남길 댓글, 내 글에 달린 댓글의 답글 초안
ig-dm첫 메시지, 협업 제안, 후속 2통 초안
ig-repurpose영상·뉴스레터 하나를 일주일치 릴스·카드뉴스로 나누기
ig-audit올린 글을 평소 대비 배수와 공유 수로 돌아보기

필요한 것 · 비용

필요
클로드 코드, 파이썬. 인스타 로그인과 API 키는 필요 없습니다.
비용
무료(MIT). 클로드 이용료만 듭니다.
라이선스
MIT
확인일
2026-11-06 (GitHub 기준, 별 5,057)

주의

  • 자동 게시는 없습니다. 초안만 쓰고 게시·댓글·DM 발송은 사람이 합니다. 자동 게시 도구는 인스타 약관 위반이라 계정이 제한될 수 있습니다.
  • 훅 점수·길이 계산 도구는 영어 기준입니다. 한국어 점수는 참고만 하세요.
  • 모르는 숫자는 {{your number}} 로 비워 둡니다. 직접 채우세요.

자주 묻는 질문

인스타 비밀번호를 넣나요?
아니요. 로그인도 계정 연결도 하지 않습니다.
13개를 다 익혀야 하나요?
/ig-reel → /ig-human → /ig-caption 세 개부터 쓰세요.
한국형 상세페이지 스킬상품명과 사진으로 쇼핑몰 상세페이지 기획안과 컷별 이미지 제작안을 만드는 스킬★ 21표기 없음

github.com/aisyncclub/detail_page_codex_skill

이런 분께

  • 스마트스토어·쿠팡 상세페이지를 직접 만들어야 하는 분
  • 컷 순서와 문구를 어떻게 잡을지 막막한 분
  • 외주를 맡기기 전에 기획안부터 갖고 싶은 분

넣는 것 → 나오는 것

넣는 것

상품명과 카테고리. 상품 사진이 있으면 함께 줍니다.

나오는 것

컷별 문구, 이미지 구성, 글자로 그린 배치도가 든 기획안이 나옵니다. 승인하면 컷별 이미지 제작으로 이어집니다.

실제로 돌려 본 결과 (넣은 것 → 나온 것)

ecommerce-detail-page 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
ecommerce-detail-page 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠

서블리원이 2026-11-06 에 직접 돌린 결과입니다. 그림을 누르면 크게 열립니다.

설치

  1. 저장소 주소 github.com/aisyncclub/detail_page_codex_skill 를 엽니다.
  2. 사용 조건을 저장소 주인에게 확인합니다.
  3. README 의 "설치 방법"을 따릅니다. Codex 용과 Claude Code 용 안내가 따로 있습니다.

써 보기

상품명만으로 기획
칫솔 상세페이지 만들어줘 추천으로
판매처와 컷 수 지정
쿠팡용 실용 정보형으로 12컷 상세페이지 만들어줘
사진으로 시작
(상품 사진을 첨부하고)
이 상품 사진으로 상세페이지 만들어줘

필요한 것 · 비용

필요
클로드 코드 또는 Codex. 이미지까지 만들려면 이미지 생성 모델을 쓸 수 있어야 합니다.
비용
스킬 요금 안내는 저장소에 없습니다. 이미지 생성 비용은 쓰는 도구에 따릅니다.
라이선스
표기 없음
확인일
2026-11-06 (GitHub 기준, 별 21)

주의

  • 저장소에 LICENSE 파일이 없습니다. README 에 "License: MIT" 라는 글자는 있지만 GitHub 는 라이선스 없음으로 표시합니다. 사용 조건은 저장소 주인에게 확인하세요.
  • 그래서 이 페이지는 주소만 안내합니다. 설치 사본은 드리지 않습니다.
  • 이미지 안의 한글이 깨지거나 빠질 수 있습니다. 올리기 전에 글자를 직접 확인하세요.

자주 묻는 질문

사진이 없어도 되나요?
됩니다. "추천으로"를 붙이면 고객·스타일·컷 수를 가정해 기획안을 만듭니다.
기획안만 받을 수 있나요?
네. 기획안을 먼저 만들고, 승인한 뒤에 이미지를 만듭니다.

검색 노출 1편

검색 노출 점검: claude-seo가게 사이트 주소를 넣으면 검색 노출 점수와 고칠 목록을 뽑아 주는 점검 도구★ 26,990MIT

github.com/AgriciDaniel/claude-seo

이런 분께

  • 홈페이지나 쇼핑몰이 검색에 잘 잡히지 않는 분
  • 무엇부터 고쳐야 할지 순서가 필요한 분
  • AI 검색 답변에 우리 가게가 나올 준비가 됐는지 궁금한 분

넣는 것 → 나오는 것

넣는 것

우리 가게 사이트 주소(URL) 하나.

나오는 것

항목별 점수와, 우선순위가 매겨진 고칠 목록이 나옵니다. 보고서는 마크다운 파일로 저장됩니다.

설치

  1. 클로드 코드 대화창에 아래 명령 세 줄을 차례로 입력합니다.
  2. 셋째 줄(/seo setup)이 전용 파이썬 환경과 화면 없는 브라우저를 준비합니다. /seo doctor 로 상태를 확인합니다.
  3. /seo audit 뒤에 사이트 주소를 붙여 실행합니다.
/plugin marketplace add AgriciDaniel/claude-seo
/plugin install claude-seo@agricidaniel-claude-seo
/seo setup

써 보기

사이트 전체 점검
/seo audit https://우리가게주소
결과를 할 일로 바꾸기
방금 점검 결과를 한국어로 요약해 줘.
돈과 시간이 적게 드는 순서로 고칠 일 5개만 뽑고, 각각 누가 어디서 고치는지 적어 줘.
한 페이지만 깊게
/seo page https://우리가게주소/대표상품페이지

들어 있는 것

이름하는 일
/seo audit사이트 전체 점검과 우선순위 계획
/seo page페이지 하나를 깊게 분석
/seo technical기술 항목 9개 분야 점검
/seo content글의 품질과 신뢰 요소 분석
/seo schema검색엔진용 구조화 데이터 확인과 생성
/seo images이미지 최적화 분석
/seo local지역 검색, 구글 비즈니스 프로필 점검
/seo geoAI 검색 답변에 인용될 준비 정도 점검

필요한 것 · 비용

필요
클로드 코드 1.0.33 이상, 파이썬 3.11~3.14, 점검할 사이트 주소
비용
무료(MIT). 전체 점검은 한 페이지 점검보다 클로드 사용량을 많이 씁니다.
걸리는 시간
전체 점검 10~15분(README 표기)
라이선스
MIT
확인일
2026-11-06 (GitHub 기준, 별 26,990)

주의

  • 구글 문서를 기준으로 점검합니다. README 에 네이버 검색 관련 내용은 없습니다.
  • 구글 API 키가 없으면 속도 수치는 추정값이고 색인 여부도 추정입니다.
  • 점검하는 페이지 내용은 클로드로 전송됩니다. 보고서는 내 PC 에 저장됩니다.

자주 묻는 질문

API 키가 필요한가요?
아니요. 실제 방문자 수치까지 보려면 /seo google setup 으로 무료 구글 API 를 연결합니다.
명령이 너무 많습니다.
/seo audit 과 /seo page 두 가지부터 쓰세요.

가게 운영 2편

Anthropic 공식 마케팅·고객응대 플러그인문의 답장 초안과 캠페인 계획을 정해진 양식으로 뽑아 주는 공식 플러그인 2종★ 34,934Apache-2.0

github.com/anthropics/knowledge-work-plugins

이런 분께

  • 고객 문의·항의 답장을 쓸 때마다 문장이 막히는 분
  • 행사나 신상품 홍보를 계획 없이 그때그때 하는 분
  • 같은 질문에 반복해 답하는 분

넣는 것 → 나오는 것

넣는 것

받은 문의 내용, 또는 행사 목표·기간·예산을 적어 줍니다.

나오는 것

답장 초안, 또는 목표·채널·주차별 일정이 담긴 캠페인 계획서가 나옵니다.

실제로 돌려 본 결과 (넣은 것 → 나온 것)

draft-response 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠
draft-response 을 실제로 돌린 결과. 가상의 가게 예시, 숫자는 비워 둠

서블리원이 2026-11-06 에 직접 돌린 결과입니다. 그림을 누르면 크게 열립니다.

설치

  1. 터미널(명령어 입력 창)에서 아래 첫 줄로 플러그인 목록을 등록합니다.
  2. 둘째 줄은 마케팅, 셋째 줄은 고객응대입니다. 필요한 줄만 입력해도 됩니다.
  3. 클로드 코드를 새로 열어 아래 예시를 붙여 넣습니다.
claude plugin marketplace add anthropics/knowledge-work-plugins
claude plugin install marketing@knowledge-work-plugins
claude plugin install customer-support@knowledge-work-plugins

써 보기

문의 답장 초안
/customer-support:draft-response
고객 문의: 예약한 케이크가 약속보다 40분 늦게 나왔다는 항의.
우리 사정: 오븐 고장. 다음 주문 10% 할인 가능.
카카오톡으로 보낼 정중하고 짧은 답장 2안을 한국어로 써 줘.
캠페인 계획
/marketing:campaign-plan
목표: 12월 크리스마스 케이크 예약 100건
대상: 가게 반경 3km 안의 30~40대
기간: 4주, 예산: 30만 원
인스타와 네이버 플레이스 위주로, 주차별 할 일을 표로.

들어 있는 것

이름하는 일
customer-support:draft-response상황과 채널에 맞는 고객 답장 초안
customer-support:ticket-triage문의를 종류와 급한 정도로 나누기
customer-support:kb-article해결한 문의를 안내문(자주 묻는 질문)으로 정리
customer-support:customer-research고객 질문에 답하려고 여러 자료를 찾아 정리
customer-support:customer-escalation윗선이나 담당자에게 넘길 문제를 한 장으로 정리
marketing:draft-content블로그, SNS, 뉴스레터, 보도자료 초안
marketing:campaign-plan목표, 채널, 일정, 성과 지표가 든 캠페인 계획서
marketing:email-sequence여러 통짜리 이메일 흐름 설계와 초안
marketing:brand-review글이 우리 말투와 기준에 맞는지 검토
marketing:competitive-brief경쟁사 조사와 비교 정리
marketing:performance-report마케팅 성과 보고서
marketing:seo-audit검색 노출 점검

필요한 것 · 비용

필요
클로드 코드. 외부 서비스(슬랙 등) 연결은 선택입니다.
비용
무료(Apache-2.0). 클로드 이용료만 듭니다.
라이선스
Apache-2.0
확인일
2026-11-06 (GitHub 기준, 별 34,934)

주의

  • 답장은 초안입니다. 환불·보상 약속은 확인한 뒤 직접 보내세요.
  • 회사 지원팀용이라 "티켓" 같은 용어가 나옵니다. 업종과 보상 기준을 지시문에 적으세요.
  • 외부 서비스를 연결하지 않으면 고객 정보를 직접 붙여 넣습니다. 실명과 전화번호는 지우세요.

자주 묻는 질문

코워크(Cowork)가 뭔가요?
Anthropic 의 데스크톱 앱입니다. 이 플러그인은 코워크용이고 클로드 코드에서도 됩니다.
다른 직무용도 있나요?
같은 저장소에 영업, 재무, 법무 등 11종이 있습니다. 설치 줄의 이름만 바꾸면 됩니다.
Agent-Reach유튜브·레딧·깃허브 등에서 자료를 찾아 읽어 오게 해 주는 조사 도구★ 109,505MIT

github.com/Panniantong/Agent-Reach

이런 분께

  • 경쟁 가게와 유행 상품을 유튜브에서 조사하는 분
  • 긴 유튜브 영상을 자막으로 받아 요약하고 싶은 분
  • 해외 후기와 반응을 한국어로 정리하고 싶은 분

넣는 것 → 나오는 것

넣는 것

찾고 싶은 주제, 또는 영상·글 주소.

나오는 것

검색 결과, 글 본문과 댓글, 영상 자막을 가져옵니다. 요약은 클로드에게 이어서 시킵니다.

설치

  1. 클로드 코드 대화창에 아래 한 줄을 붙여 넣습니다. 클로드가 설치 문서를 읽고 진행합니다.
  2. uv(프로그램 설치 도구) 설치 등 허락을 물으면 읽고 승인합니다.
  3. 끝나면 "Agent Reach 상태 보여 줘"로 쓸 수 있는 곳을 확인합니다.
  4. 더 필요한 곳은 "레딧 추가해 줘"처럼 말합니다.
Install Agent Reach: https://raw.githubusercontent.com/Panniantong/Agent-Reach/main/docs/install.md

써 보기

유튜브 영상 요약
Agent Reach 로 이 영상의 자막을 가져와서 핵심 5줄로 한국어 요약해 줘.
(유튜브 주소)
주제 조사
Agent Reach 로 유튜브와 웹에서 "수제 디저트 선물 포장" 자료를 찾아 줘.
5개를 골라 제목, 주소, 핵심 내용을 표로 정리해 줘.

필요한 것 · 비용

필요
클로드 코드, 파이썬 3.10 이상. 레딧·X·인스타 등은 그 사이트 로그인.
비용
무료(MIT). 영상 음성을 글로 바꾸려면 Groq 또는 OpenAI 키가 필요합니다.
라이선스
MIT
확인일
2026-11-06 (GitHub 기준, 별 109,505)

주의

  • 읽기만 합니다. 글, 댓글, 좋아요, 쪽지는 올리지 않습니다.
  • 플랫폼마다 준비가 다릅니다. 유튜브·깃허브·웹은 바로 되고, 레딧은 로그인이 필요하며, X·페이스북·인스타는 실험 단계라 막힐 수 있습니다.
  • 로그인이 필요한 곳은 내 크롬의 그 사이트 로그인을 복사해 씁니다. 저장소는 부계정 사용을 권합니다.
  • PyPI 의 같은 이름(agent-reach) 패키지는 다른 것입니다. 안내된 주소로만 설치하세요.

자주 묻는 질문

비밀번호를 묻나요?
아니요. 로그인을 대신 하지도 않습니다.
지우려면요?
"Agent Reach 삭제해 줘"라고 하면 지울 목록을 보여 주고 확인 뒤 지웁니다.

검수·협업 1편

claudex-loop클로드가 세운 계획과 코드를 다른 회사 AI(Codex)에게 검수받는 흐름★ 3,360표준 라이선스로 인식 안 됨(저장소 LICENSE 를 직접 확인)

github.com/chaseai-yt/claudex-loop

이런 분께

  • 클로드에게 프로그램을 맡기지만 계획이 맞는지 모르겠는 분
  • 만든 쪽이 스스로 채점하는 구조가 불안한 분
  • 주문·정산처럼 틀리면 곤란한 기능을 만드는 분

넣는 것 → 나오는 것

넣는 것

만들 기능 설명, 또는 이미 써 둔 계획 파일.

나오는 것

검수를 거친 계획(PLAN.md)과 검수 기록(PLAN-REVIEW-LOG.md)이 남습니다. 맡기면 구현과 최종 점검까지 합니다.

설치

  1. Codex CLI(오픈AI 의 명령줄 도구)를 설치하고 ChatGPT 계정으로 로그인합니다. codex login status 로 확인합니다.
  2. 파이썬 3.10 이상을 확인합니다.
  3. 클로드 코드 대화창에 아래 명령 두 줄을 차례로 입력합니다.
  4. 새 대화에서 /claudex-loop:claudex-loop 뒤에 할 일을 적습니다.
/plugin marketplace add chaseai-yt/claudex-loop
/plugin install claudex-loop@claudex-loop

써 보기

계획만 검수받기
/claudex-loop:claudex-loop
claudex this plan, mode=review, plan=PLAN.md, rounds=3
계획부터 구현까지
/claudex-loop:claudex-loop
주문 엑셀을 읽어 일별 매출표를 만드는 기능을 계획하고 구현해 줘.
Codex 검수를 통과한 뒤에 만들어 줘.

들어 있는 것

이름하는 일
claudex-loop요구 정리 → 계획 검수 → 구현 → 최종 점검 전체 흐름
claudex-route이 일을 어느 AI 에게 맡길지 추천, 한 번만 넘기기
codex-reviewCodex 에게 계획 검수만 맡기기
codex-buildCodex 에게 구현을 맡기기

필요한 것 · 비용

필요
클로드 코드, Codex CLI, 파이썬 3.10 이상, ChatGPT 구독(Codex 사용)
비용
스킬 요금은 없습니다. 검수할 때마다 ChatGPT 구독 사용량이 듭니다.
라이선스
표준 라이선스로 인식 안 됨(저장소 LICENSE 를 직접 확인)
확인일
2026-11-06 (GitHub 기준, 별 3,360)

주의

  • 라이선스는 저장소 LICENSE 를 직접 확인하세요. GitHub 가 표준으로 인식하지 못합니다.
  • 검수 통과(APPROVED)는 정답 보증이 아닙니다. 저장소도 그렇게 적고 있습니다.
  • 프로그램을 만드는 작업용입니다. 글쓰기나 간단한 수정에는 과합니다.

자주 묻는 질문

API 키가 필요한가요?
아니요. 두 도구에 로그인만 하면 됩니다.
검수는 몇 번 도나요?
기본 최대 5차례입니다. rounds=3 처럼 줄일 수 있습니다.

PROMPTS

강의 지시문 모음 40개

강의 화면에 나온 지시문을 절 순서대로 모았습니다. 틀은 모두 같습니다. 목표·입력·완성 기준을 먼저 말하고, 초안을 받고, 고치고, 확인하고, 저장합니다.

01개념 5개1개
API 키를 파일로 건네고 연결 확인하기
[서비스 이름] API 키를 발급받았어. 키는 채팅에 붙이지 않고 파일로 건넬게.
목표: 이 프로젝트가 그 키로 [하려는 일]을 하게 연결.
입력: 키는 프로젝트 폴더의 .env 파일에 [변수 이름]=값 한 줄로 내가 직접 저장해 뒀어.
규칙: 키 값을 화면·로그·문서·코드에 출력하거나 옮겨 적지 마. 파일에서 읽어서만 써.
.env 가 깃허브에 올라가지 않게 .gitignore 에 들어 있는지 확인하고, 없으면 넣어줘.
완성 기준: 돈이 나가지 않는 가장 작은 호출 1회로 연결 성공 여부만 보여줘.
먼저 어떤 파일을 만들고 고칠지 목록으로 보여주고, 내 확인을 받은 뒤 진행해.
결제·발송·삭제가 일어나는 호출은 하지 말고, 필요하면 나에게 먼저 물어봐.
02홈페이지 + 검색6개
홈페이지 한 장 만들기 (실습 메뉴 1)
[가게 이름]의 홈페이지를 한 장짜리로 만들어줘.
목표: 처음 온 손님이 10초 안에 "무엇을 파는지, 어디 있는지, 어떻게 연락하는지"를 알게.
입력: 상호 [ ], 업종 [ ], 대표 상품 3개와 가격 [ ], 주소 [ ], 전화 [ ], 영업시간 [ ], 인스타 [ ], 사진은 폴더 photos/ 안의 것만.
완성 기준: 폰 화면에서 가로 스크롤 없음, 전화 버튼이 첫 화면에 보임, 지도 링크(네이버지도·카카오맵) 동작, 색은 [주색]과 검정 두 가지만.
먼저 초안을 만들어 보여주고, 내가 한 가지 고쳐 달라고 하면 그 부분만 고쳐줘. 끝나면 파일 위치와 다시 여는 법을 알려줘.
① SEO·GEO 세팅해줘 (구체 버전)
우리 가게 홈페이지(이 프로젝트)의 SEO와 GEO를 세팅해줘. 가게 정보: 상호 [상호명], 업종 [업종], 주소 [도로명 주소], 전화 [번호], 영업시간 [요일별], 도메인 https://[도메인], 네이버 블로그 [URL], 인스타그램 [URL], 네이버 스마트스토어/플레이스 [URL].
해야 할 일:
1) 모든 페이지 <head>에 고유한 title(메인은 "상호명 | 핵심서비스 | 지역")과 1~2문장 meta description, canonical(자기 참조, https와 www 통일), viewport, 파비콘 링크를 넣어줘.
2) Open Graph 태그(og:title, og:description, og:image 1200x630, og:url, og:type=website)와 twitter:card를 넣어줘. og:image용 이미지가 없으면 /public/og.png 자리를 만들고 어떤 이미지를 넣어야 하는지 알려줘.
3) 루트 페이지에 JSON-LD로 LocalBusiness(name, address PostalAddress, telephone, openingHoursSpecification, geo, url, image, priceRange)와 sameAs(위 채널 URL 전부)를 넣어줘. 구글 LocalBusiness 가이드와 네이버 "사이트 연관채널" 가이드(name, url, sameAs 필수) 둘 다 만족하게.
4) sitemap.xml(lastmod 포함)과 robots.txt를 만들어줘. robots.txt는 User-agent: * 한 그룹에 Allow: /와 관리자 경로 Disallow, 마지막 줄 Sitemap 절대경로만. 봇별 그룹은 따로 만들지 마. robots.txt는 접근 통제가 아니므로 관리자 페이지는 로그인으로 보호해.
5) 본문은 첫 화면 첫 문단에서 "무엇을, 어디서, 얼마에, 어떻게 연락"이 한 번에 읽히게 다듬고, 이미지에는 alt를 넣어줘.
6) 서버가 처음 내려주는 HTML에 위 태그들이 실제로 들어 있는지 curl로 확인해서 보여줘(네이버 소유확인 로봇은 자바스크립트를 실행하지 않으니까).
7) 끝나면 PageSpeed Insights와 리치 결과 테스트에서 확인할 URL, 그리고 내가 직접 해야 할 일 목록을 한국어로 정리해줘. llms.txt는 구글이 사용하지 않으니 만들지 마.
② 구글 서치콘솔·네이버 서치어드바이저 등록 도와줘
홈페이지 https://[도메인] 을 구글 서치콘솔과 네이버 서치어드바이저에 등록하려고 해. 나는 비개발자야. 내가 브라우저에서 할 일과 네가 코드에서 할 일을 나눠서 진행해줘.
구글: 1) https://search.google.com/search-console 에서 "속성 추가 > URL 접두어"로 https://[도메인]/ 을 넣으라고 안내하고, 2) 구글이 주는 google-site-verification 메타태그를 내가 붙여 넣으면 네가 <head>에 넣고 재배포한 뒤 "확인" 버튼을 누르라고 알려줘. 3) 확인되면 Sitemaps 메뉴에 sitemap.xml 제출, 상단 URL 검사창에 메인 URL 넣고 "색인 생성 요청"까지 순서대로 안내해줘.
네이버: 1) https://searchadvisor.naver.com 로그인 > 웹마스터 도구 > 사이트 등록에 https://[도메인] 입력, 2) 소유확인은 "HTML 태그" 방식으로 naver-site-verification 메타태그를 내가 주면 처음 내려주는 HTML의 <head>에 넣고 재배포해줘(자바스크립트로 넣거나 body 안에 넣으면 실패하니 주의), 3) 확인 후 요청 > 사이트맵 제출에 sitemap.xml, 요청 > 웹 페이지 수집에 메인 URL, 검증 > URL 검사로 색인·Meta·SEO 항목 점검까지 안내해줘.
추가로 Bing Webmaster Tools(https://www.bing.com/webmasters)에서 "Import from Google Search Console"로 1분 만에 가져오는 방법도 알려줘.
각 단계마다 "지금 화면에서 무엇을 클릭하는지"를 한 줄씩, 그리고 실패했을 때 가장 흔한 원인 1개씩 적어줘. 메타태그 값은 내가 채팅에 붙여 넣을 테니 절대 지어내지 마.
③ 사이트맵·robots·JSON-LD 만들어 제출 준비해줘
이 프로젝트의 모든 공개 페이지를 스캔해서 다음 3개 파일을 만들고 배포 후 실제 응답을 확인해줘.
1) /sitemap.xml : 공개 URL 전부, https://[도메인] 절대경로, lastmod는 파일 수정일, 로그인·관리자 페이지는 제외.
2) /robots.txt : User-agent: * 한 그룹만. Allow /, 관리자 경로만 Disallow, 마지막 줄에 Sitemap: https://[도메인]/sitemap.xml. 봇별 그룹은 만들지 마. robots.txt는 접근 통제가 아니니 관리자·고객 자료는 로그인과 서버 권한으로 보호. text/plain으로 응답되는지 확인.
3) JSON-LD : 메인에 LocalBusiness(또는 Organization) + sameAs(네이버 블로그·스마트스토어·인스타·유튜브·카카오톡 채널), 하위 페이지에는 BreadcrumbList. 주소는 PostalAddress로 streetAddress·addressLocality·addressRegion·postalCode·addressCountry KR.
배포 후 curl로 /sitemap.xml, /robots.txt 가 200인지, 메인 HTML에 ld+json이 있는지 보여주고, 내가 할 일로 (a) 구글 서치콘솔 Sitemaps에 제출, (b) 네이버 서치어드바이저 요청 > 사이트맵 제출, (c) https://search.google.com/test/rich-results 와 https://validator.schema.org 에서 메인 URL 검사, 이 3개를 체크리스트로 정리해줘. 정보가 없는 항목(위도경도, 우편번호 등)은 추측하지 말고 나에게 물어봐.
찾아오시는 길 페이지 만들기 (위 사례를 틀로)
우리 [행사·매장] "찾아오시는 길" 페이지를 한 장으로 만들어줘.
목표: 처음 오는 사람이 폰으로 열어 헤매지 않고 문 앞까지 오게.
입력: 예약·주소 화면 캡처 [파일], 날짜·시간 [ ], 주차 안내 [ ], 준비물 [ ].
조사: 캡처에 없는 정보(지하철 출구, 건물 1층 가게)는 지도와 공식 페이지에서 찾아 출처와 함께 적어. 확인 못 한 것은 "미확인"으로 표시해.
구성: 주소 복사 버튼, 네이버지도·카카오맵 길찾기 버튼, 오시는 순서 4단계, 주차, 준비물. 색과 글꼴은 기존 홈페이지 그대로.
완성 기준: 폰 화면에서 가로 스크롤 없음, 지도 버튼 2개 동작, 주소가 캡처와 글자 하나까지 같음.
먼저 초안과 조사 출처 목록을 보여주고 내 확인을 받아. 고칠 곳을 말하면 그 부분만 고쳐.
안내 문자는 대상 명단과 문구만 미리 뽑아서 보여줘. 발송은 내가 확인한 뒤에만 해.
배포 뒤 스스로 점검시키기 (고치지 말고 보고만)
방금 배포한 https://[도메인] 을 손님과 검색 로봇 입장에서 점검해줘. 고치지 말고 보고만 해.
1) curl로 메인, /robots.txt, /sitemap.xml 이 200으로 열리는지, robots.txt가 text/plain인지.
2) 처음 내려주는 HTML의 head에 title, description, canonical, og 태그 5개, 소유확인 메타태그, ld+json이 있는지(자바스크립트 실행 전 기준).
3) http 주소와 www 주소가 https 본 주소로 301 이동하는지.
4) JSON-LD의 상호·주소·전화·영업시간이 화면에 보이는 글과 글자까지 같은지.
5) 이미지 alt 누락, 폰 화면 가로 스크롤 여부.
결과는 표로: 항목 / 합격·불합격 / 근거(실제 응답 한 줄) / 고치는 방법.
확인하지 못한 항목은 "미확인"이라고 적고 추측하지 마.
끝에 내가 브라우저에서 직접 할 일(PageSpeed Insights, 리치 결과 테스트, 서치콘솔·서치어드바이저 URL 검사)을 주소와 함께 적어줘.
수정은 내가 표를 보고 고르면 그때 그 항목만 해줘.
03연결할 도구1개
돈 드는 생성은 견적 먼저
지금부터 돈이 드는 생성(이미지·영상·음성)은 아래 순서로만 진행해줘.
목표: [만들 것 한 줄. 예: 상품 사진 1장으로 5초 영상 2개]
입력: [파일 이름]. 도구는 연결된 것 중에서 [힉스필드 / fal / 일레븐랩스].
규칙: 1) 먼저 잔액을 확인해 보여줘.
2) 후보 모델 2~3개의 예상 비용을 표로 보여줘(모델, 길이·해상도, 크레딧 또는 달러, 대략의 원화).
3) 시안은 가장 낮은 해상도, 가장 짧은 길이로 1개만 만들어.
4) 실패해도 자동으로 다시 만들지 말고 나에게 먼저 물어봐.
완성 기준: 내가 "진행해"라고 하기 전에는 아무것도 생성하지 않는다. 끝나면 쓴 크레딧과 남은 잔액을 보고해.
충전, 플랜 변경, 결제는 하지 마. 그건 내가 직접 한다.
04릴스 편집3개
릴스 15초 만들기 (실습 메뉴 2)
이 폴더의 촬영본 [파일명].mp4 로 15초 릴스를 만들어줘.
목표: 첫 1초에 눈길을 잡고, 핵심 문장 3개가 자막으로 또렷하게.
규칙: 자막은 하단 안전영역 안, 색·폰트는 brand-tokens.json 그대로, 강조어는 노랑 팝 효과, 효과음은 강조어에만.
완성 기준: 1080×1920, 소리 원본 유지, 말 없는 구간 자동 컷.
먼저 전사 결과와 자막 계획(어느 단어를 강조할지)을 표로 보여주고, 내가 확인하면 렌더해줘.
내 릴스 편집 스킬 만들기
내 릴스 편집 방식을 스킬로 만들어줘. 이름은 my-reels.
목표: 다음부터 "릴스 편집해줘" 한마디로 같은 순서, 같은 디자인으로 편집되게.
순서: 무음 컷 → 세로 1080×1920 맞춤 → 한국어 단어별 받아쓰기 → 편집 계획표를 나에게 보여주고 승인받기 → 렌더 → 정지 화면 6장으로 검수.
도구: 공개 도구만 써(HyperFrames, faster-whisper, auto-editor, ffmpeg). 없는 것은 무엇을 왜 설치하는지 목록으로 보여주고 내 확인을 받아. 한 폴더 안에만 설치해.
디자인: brand-tokens.json 을 그대로 따르고, 없으면 먼저 나에게 물어서 만들어.
완성 기준: 샘플 영상 10초를 끝까지 렌더해서 결과 경로, 걸린 시간, 정지 화면을 보여줘.
겪은 오류와 해결법은 스킬 문서에 "함정"으로 적어 둬.
유료 서비스 가입·결제, 게시·업로드는 하지 마.
우리 가게 릴스 표준 파일 만들기
우리 가게 릴스용 디자인 표준 파일 brand-tokens.json 을 만들어줘.
목표: 앞으로 만드는 모든 릴스가 같은 색, 같은 글꼴, 같은 자막 자리로 나오게.
입력: 로고 logo.png, 가게 분위기 한 줄 [예: 따뜻한 동네 빵집], 닮고 싶은 릴스 화면 캡처 [있으면 파일명].
정할 항목: 강조색 1개, 글자색과 외곽선, 글꼴 1종, 자막 자리, 한 번에 보이는 단어 수, 강조어·확대·흔들림 한도, 효과음 세트.
규칙: 강조색은 로고에서 뽑아. 글꼴은 무료로 상업 이용이 되는 것만, 라이선스를 확인해서 알려줘. 자막은 얼굴과 화면 아래 버튼 자리를 피해.
완성 기준: 후보 3안을 같은 장면의 정지 화면 3장으로 나란히 보여주고, 내가 고르면 파일로 저장해.
저장한 뒤 "릴스는 항상 이 파일대로"를 스킬 문서에도 적어줘. 게시·업로드는 하지 마.
05유튜브 자동 제작2개
유튜브 3분 대본 쓰기
3분짜리 유튜브 대본을 써줘.
목표: 우리 가게 손님이 끝까지 듣고 [원하는 행동. 예: 매장 방문]을 하게.
입력: 주제 [ ], 보는 사람 [예: 동네 30~40대], 꼭 넣을 사실 3개 [ ], 참고 메모는 research 폴더 안의 파일만.
구조: 훅 → 문제 → 본론(핵심 3개) → 해결 → 행동 유도. 전체 900~1,200자.
규칙: 구어체 존댓말, 한 문장은 짧게, 뻔한 인사로 시작하지 마. 메모에 없는 숫자와 사례는 지어내지 마.
형식: "## Part N: 소제목"으로 나누고 시간 표기 없이 대본만.
먼저 첫 10초 훅을 서로 다른 방식 3가지로 써서 보여주고, 내가 고르면 전체를 써줘.
완성 기준: 소리 내어 읽었을 때의 예상 시간을 알려줘. 녹음·렌더·업로드는 하지 말고 대본 파일만 저장해.
유튜브 자동 제작 틀 만들기
유튜브 설명 영상을 자동으로 만드는 틀을 이 폴더에 만들어줘.
목표: 녹음 파일 1개와 대본을 넣으면 자막과 장면이 붙은 가로 1920×1080 영상이 나오게.
도구: [Remotion 또는 HyperFrames]의 공식 스킬을 설치해서 써. 라이선스 조건(직원 수)을 먼저 확인해 알려줘.
순서: 1) 장면 틀 5종(제목, 큰 숫자, 좌우 비교, 목록, 마무리)을 먼저 만들어 정지 화면으로 보여줘.
2) 내가 고르면 녹음을 단어별로 받아쓰고, 몇 초마다 어떤 장면을 쓸지 장면표로 보여줘.
3) 내가 승인하면 30초 구간만 먼저 렌더해.
규칙: 색과 글꼴은 brand-tokens.json 그대로. 장면은 만들어 둔 틀에서만 고르고 새 디자인을 즉석에서 만들지 마. 없는 이미지를 지어내지 마.
완성 기준: 30초 시험 영상 경로, 걸린 시간, 다음에 다시 돌리는 방법을 알려줘. 이 순서를 스킬 문서로 저장해.
업로드·게시, 유료 결제는 하지 마.
06어사이드2개
열리면 알려주고, 결제는 기다려 (감시 지시문)
[사이트 주소]에서 [상품·예약 이름]이 판매(예약) 가능해지는지 지켜봐줘.
목표: 열리는 즉시 나에게 알리기. 살지 말지는 내가 정한다.
입력: 날짜 [ ], 수량 [ ], 확인 주기 10분.
규칙: 열려도 결제·예약 확정은 하지 마. 내가 "진행해"라고 답하기 전에는 아무것도 사지 마.
알림: [내 메일 주소]로 메일. 내용에 "결제는 아직 안 했음"을 꼭 적어.
"진행해"를 받은 뒤에도 결제 비밀번호·인증번호 입력 직전에는 한 번 더 멈춰서 물어봐.
완성 기준: 감시 일정과 알림 경로를 먼저 보여주고, 내 확인을 받은 뒤 등록.
어사이드 첫 반복 업무: 오늘 주문 목록 뽑기
[쇼핑몰 관리자 이름]에 들어가서 오늘 들어온 신규 주문을 정리해줘.
목표: 주문 목록을 엑셀 파일 한 개로.
입력: 이미 로그인해 둔 내 관리자 화면. 기간은 오늘 0시부터 지금까지.
규칙: 화면을 읽고 내려받기만 해. 주문 상태 변경, 발송 처리, 고객 메시지, 취소·삭제 버튼은 누르지 마.
로그인이 풀렸거나 본인인증·보안문자가 나오면 멈추고 나에게 넘겨.
완성 기준: 열은 주문일시, 받는 분, 상품, 수량, 금액, 요청사항. 마지막 줄에 건수 합계.
먼저 어느 화면에서 무엇을 누를지 계획을 보여주고, 내가 확인하면 진행해.
끝나면 파일 위치와 건수를 알려줘.
07피클2개
버튼 뒤에서 일어나는 일 (터미널 한 줄로 치면 이렇습니다)
python -X utf8 tools/call_me.py --winner "홍길동" --to +8210XXXXXXXX --wait
전화 세팅 지시문 (Windows, 키는 파일로)
네가 나한테 전화할 수 있게 세팅해줘.
목표: 작업 중 나만 정할 수 있는 결정이 생기면 Bland.ai로 내 폰에 한국어 전화를 걸기.
입력: API 키는 내 사용자 폴더의 .secrets/bland.key 파일에 한 줄로 저장해 뒀어. 내 번호는 +8210XXXXXXXX.
규칙: 키는 화면에 출력하지 말고, 다른 파일이나 명령 인자에도 넣지 마. 통화 언어는 한국어(language "ko").
전화는 진짜 결정이 필요할 때만, 질문은 한 통에 모아서. 안 받으면 다시 걸지 말고 채팅으로 물어.
통화에서 내가 말하지 않은 발송·결제·삭제는 허락한 것으로 치지 마.
완성 기준: "테스트 전화 잘 들리나요?"라고 묻는 전화를 한 통 걸고, 통화 요약과 받아쓴 글을 보여줘.
먼저 무엇을 만들지 계획을 보여주고 내 확인을 받아.
08자동 답변3개
문의 → 답장 초안 (실습 메뉴 4)
demo/inquiry.txt 의 고객 문의 3건에 대해 demo/policy.md 정책을 근거로 각각 고객에게 보낼 답장 초안을 써줘.
규칙: 존댓말, 3~5문장, 첫 문장은 공감, 마지막은 다음 행동 안내. 각 답장 끝에 어느 정책 조항을 근거로 했는지 한 줄.
정책에 없는 질문은 지어내지 말고 "담당자 확인 필요"로 표시해.
발송은 하지 말고 화면에만 출력해.
정책 문서 초안 만들기
우리 가게 고객 응대 정책 문서 policy.md 를 만들려고 해.
목표: 문의 답장의 근거로 쓸 한 장짜리 정책. 조항마다 번호(1-1, 1-2)를 붙여.
입력: 내가 평소 답하던 방식을 아래에 말하듯 적을게. [교환·환불 / 배송 / 수정 횟수 / 세금계산서 / 영업시간]
규칙: 내가 말하지 않은 숫자(기간·금액·횟수)는 지어내지 말고 빈칸 [ ]으로 두고, 질문 목록으로 따로 뽑아줘.
한 조항에 규칙 하나. 예외는 별도 조항으로.
완성 기준: 묶음 5개 이내, 조항은 한 문장씩, 맨 아래에 "사장님이 답해야 할 질문" 목록.
먼저 목차만 보여주고, 내 확인을 받은 뒤 본문을 써줘. 고객에게 공개하거나 보내지는 마.
같은 답장을 카톡·스마트스토어·인스타 DM 말투로
방금 쓴 답장 초안 3건을 채널별로 다시 써줘. 내용과 근거 조항은 그대로, 말투와 길이만 바꿔.
카카오톡: 2~3문장, 줄을 짧게 끊고, 인사는 한 번만.
스마트스토어 문의 답변: 4~5문장, 정중한 존댓말, 주문번호를 한 번 언급.
인스타그램 DM: 2문장, 가볍지만 존댓말, 자세한 내용은 [연락처]로 안내.
규칙: 이모티콘은 답장 하나에 최대 1개. 정책에 없는 약속은 추가하지 마.
완성 기준: 문의 1건당 세 가지 버전을 표로, 각 버전 아래 근거 조항 한 줄.
발송은 하지 말고 화면에만 출력해.
09실제 사례5개
주문 카톡 → 송장 엑셀 (실습 메뉴 3)
demo/orders.txt 안에 카톡으로 들어온 주문 메시지 5건이 있어. 송장 입력용 엑셀 orders.xlsx 를 만들어줘.
열: 받는 분, 연락처, 주소, 상품, 수량, 요청사항, 누락 항목.
규칙: 주소나 연락처가 빠진 주문은 추측하지 말고 "누락 항목" 열에 무엇이 빠졌는지 적고, 그 고객에게 보낼 확인 메시지 초안을 orders-ask.md 에 따로 써줘.
완성 기준: 5건 모두 행으로, 전화번호는 010-0000-0000 형식, 수량은 숫자.
끝나면 엑셀을 열어 확인할 수 있게 경로를 알려줘. 메시지는 보내지 마.
떠오른 화면을 실제 기능으로 만들기
아래 화면을 우리 사이트에 쓸 수 있게 실제로 돌아가도록 만들어줘.
원하는 것: [화면 설명. 예: 파일 올리는 칸에 농구 골대가 있고, 파일을 당겼다 놓으면 포물선으로 날아가 골대에 들어가면 올라간다]. 캡처는 [파일 경로].
목표: [어디에 쓸지. 예: 견적 문의 페이지의 파일 첨부 칸].
규칙: 그림과 코드를 베끼지 말고 새로 짜. 받아 오는 부품 없이 파일 하나로.
평범한 방법(파일 고르기, 끌어다 놓기, 키보드)도 그대로 되게 해. 휴대폰에서도 되게.
순서: 먼저 정지 화면을 보여주고, 내가 좋다고 하면 움직임을 붙여줘.
완성 기준: 실제 파일을 넣었을 때 이름과 크기가 목록에 뜬다. 직접 조작해 본 녹화나 캡처로 보여줘.
파일을 서버에 저장하는 부분은 만들지 말고, 어디에 붙이면 되는지만 알려줘.
우리 프로그램 사용 설명서를 실제 화면으로
우리 가게에서 쓰는 [프로그램 또는 사이트 이름]의 사용 설명서를 실제 화면 캡처로 만들어줘.
읽는 사람: 처음 온 직원. 목표는 설명서만 보고 [해야 하는 일]을 혼자 끝내는 것.
순서: 내가 불러 주는 단계대로 화면을 직접 열어 한 장씩 찍고, 눌러야 할 곳에 빨간 박스와 번호를 그려 넣어.
규칙: 내 계정 정보와 고객 정보가 보이는 화면은 찍지 마. 필요하면 가상 정보로 바꿔서 찍어. 한 장에 표시는 1~2개만.
완성 기준: 단계마다 캡처 1장 + 한 줄 설명, 폰에서도 읽히는 한 페이지.
찍지 못한 화면은 숨기지 말고 "못 찍음"과 이유를 적어줘.
먼저 찍을 장면 목록을 보여주고 확인받아. 화면이 바뀌면 그 장면만 다시 찍을 수 있게 방법을 남겨줘.
블랙박스 영상으로 사고 경위 보고서 만들기
블랙박스(또는 차량 카메라) 영상으로 보험사에 낼 사고 경위 보고서를 만들어줘.
사고 시각: [날짜 시:분경]. 영상 위치: [USB 드라이브 또는 폴더 경로].
순서: 1) 사고 시각 앞뒤 [10]분 영상을 전부 복사본으로 백업하고 파일마다 해시값과 재생 검사를 해. 원본은 건드리지 마.
2) 사고 전후 [3]분을 카메라 전부 한 화면으로 합성하고, 충돌 부위 카메라는 따로 뽑아. 어두우면 밝기를 보정해.
3) 충돌 전·순간·후 캡처를 [20]장 뽑고 번호와 시각을 적어.
4) 통화 녹음이 있으면 [파일 경로] 받아쓰고 요약해. 못 알아들은 단어는 지어내지 말고 [?]로 표시해.
규칙: 영상에 찍힌 다른 사람의 얼굴과 번호판은 보고서에서 가려. 사실만 쓰고 과실 판단은 쓰지 마.
형식: 시간 순 경위 → 캡처 → 통화 요약 → 첨부 목록. A4 PDF, 섹션마다 새 페이지.
완성 기준: 내가 PDF를 열어 캡처의 시각과 영상 시각이 맞는지 확인할 수 있어야 해. 먼저 쓸 영상 목록과 보고서 목차를 보여주고 확인받은 뒤 만들어. 보내기는 내가 한다.
우리 가게 업무 하나를 사례처럼 시키기 (실습 자유 메뉴)
우리 가게의 [반복 업무]를 대신해 줄 것을 만들어줘.
지금 하는 방식: [누가, 어디서 받아서, 무엇을 보고, 어디에 적는지 순서대로].
입력: [받는 자료의 예시 2~3건. 가상 정보로].
규칙: 빠진 정보는 지어내지 말고 "확인 필요"로 표시해. 실제 고객 정보는 쓰지 않아.
완성 기준: 예시 3건을 넣었을 때 [원하는 결과물]이 나오고, 내가 직접 열어 볼 수 있어.
먼저 만드는 순서를 5줄로 보여주고 확인받아. 그다음 초안을 만들어.
발송·결제·삭제는 하지 말고, 그 직전 화면까지만 만들어.
끝나면 다시 쓰는 법을 3줄로 적어줘.
10이 자료 제작기4개
① 다른 AI에게 반박 검수 시키기
첨부한 [문서 이름]을 검수해줘. 칭찬은 필요 없고 반박만 해.
읽는 사람: [누구. 예: 처음 온 손님, 거래처 담당자].
찾을 것: ① 사실이 틀렸거나 근거가 없는 문장 ② 과장된 약속 ③ 읽는 사람이 오해하거나 지루해할 곳 ④ 빠진 주의사항.
형식: 번호 / 문제 문장 / 왜 문제인지 / 고친 문장 / 심각도(높음·보통).
규칙: 확인할 수 없는 것은 "확인 필요"라고 적고 지어내지 마. 20건 이내.
문서를 직접 고치지는 마. 지적 목록만 줘.
② 돌아온 지적을 하나씩 판정하기
아래는 다른 AI가 우리 초안을 검수한 지적 목록이야. 그대로 믿지 말고 하나씩 판정해줘.
방법: 지적마다 초안과 근거 자료를 다시 확인하고 수용 / 부분수용 / 반박 중 하나로.
형식: 번호 / 지적 요약 / 판정 / 근거 한 줄 / 고칠 문장.
규칙: 근거 없이 수용하지도, 근거 없이 반박하지도 마. 판단이 안 서는 것은 "사람이 결정"으로 따로 모아.
완성 기준: 판정표 한 장 + 내가 결정할 항목 목록.
내가 표를 확인한 뒤에 초안을 고쳐. 먼저 고치지 마.
[지적 목록 붙여 넣기]
우리 가게 디자인 표준 한 장 만들기 (실습 메뉴 8)
우리 가게 디자인 표준 한 장을 만들어줘.
입력: 로고 파일 logo.png, 지금 쓰는 간판·명함·인스타 사진은 폴더 brand/ 안에 있어.
할 일: 로고와 사진에서 색을 뽑아 주색 1개, 글자색 1개, 배경색 1~2개, 경고색 1개를 제안해. 글꼴은 가게에서 돈 받고 써도 되는 한글 글꼴 2개(본문용, 숫자용).
규칙: 색은 5개를 넘기지 마. 문구 규칙 칸(말투, 금지어, 가격 표기)은 내게 질문해서 채워.
완성 기준: 표준 한 장(색·글꼴·모양·문구 규칙·쓰지 않는 것)과, 그 표준으로 만든 견본 화면 1장.
먼저 색 후보 3벌을 나란히 보여주고, 내가 번호를 고르면 파일로 저장해.
끝나면 앞으로 만드는 모든 것에 이 표준을 쓰게 하는 방법을 알려줘.
AI 티 없는 첫 화면 요청 (우리 가게용으로 새로 쓴 예)
[가게 이름] 소개 페이지 첫 화면을 만들어줘. "알아서 예쁘게"가 아니라 아래 메모대로.
컨셉 한 줄: [누구]를 위한 [어떤 사이트]. 핵심 경험은 [하나]. 분위기는 [단어 3개].
디자인: 색과 글꼴은 우리 디자인 표준 그대로. 장식 상자, 그림자, 보라색 그라데이션은 쓰지 마.
구조: PC는 [몇 단], 폰은 1단. 만들 것 [ ], 뺄 것 [ ].
동작: 지금은 움직임 없이 화면 배치만. 숫자(크기·간격)는 화면에 맞게 네가 정하고 조절할 곳을 알려줘.
조건: 폰 폭에서 가로로 넘치지 않게. 사진은 폴더 photos/ 안의 것만.
완성 기준: PC와 폰 화면 캡처를 한 장씩 보여줘. 내가 배치를 확정하면 그때 움직임을 하나만 추가해.
11GitHub 소스5개
손님 수 세기 (supervision) 시키기
https://github.com/roboflow/supervision 를 받아 설치하고(pip install supervision trackers transformers torch, 탐지 모델 PekingU/rtdetr_v2_r18vd), demo/store.mp4 에서 사람마다 번호를 붙여 따라가는 영상을 만들어줘. 결과: 번호가 그려진 mp4 + 1분 단위 "동시에 보인 최대 인원" 표(csv). 1초 미만만 잡힌 번호는 사람 수에서 빼. CPU로 돌려도 되고, 설치할 것은 먼저 목록으로 보여주고 내 확인을 받아.
Hallmark 받아서 내 가게 페이지 만들기
깃허브의 Nutlope/hallmark 스킬을 설치해줘. 설치 전에 이 스킬이 내 컴퓨터에서 무엇을 하는지, 밖으로 보내는 것이 있는지 먼저 알려줘.
설치가 끝나면 /hallmark 로 우리 가게 소개 페이지를 만들어줘.
입력: 가게 이름 [ ], 보는 사람 [예: 동네 30~40대], 눌러야 할 버튼 하나 [예: 전화 주문], 분위기 [예: 차분하게].
규칙: 사진·가격·후기는 내가 준 것만 써. 없는 숫자와 후기는 지어내지 마.
먼저 테마 3가지를 제안하고, 내가 고르면 만들어줘.
완성 기준: 휴대폰 화면에서 글자가 잘리지 않고, 버튼이 한 화면 안에 보인다.
설치 전 안전 점검
이 저장소를 설치하기 전에 점검해줘: [저장소 주소]
아직 아무것도 설치하거나 실행하지 마. 읽기만 해.
알려줄 것: ① 무엇을 하는 프로그램인지 3줄 ② 라이선스와, 가게에서 돈 받고 써도 되는지 ③ 최근 커밋 날짜 ④ 설치하면 내 컴퓨터에 깔리는 것 목록 ⑤ 인터넷으로 무엇을 어디로 보내는지 ⑥ 계정·키·결제가 필요한지 ⑦ 포함된 글꼴·음원·이미지의 권리.
규칙: README와 LICENSE 파일에서 확인한 것만 적고, 확인 못 한 것은 "확인 필요"라고 적어.
완성 기준: 표 한 장 + "설치해도 됨 / 조심 / 하지 말 것" 한 줄 판정과 이유.
내가 "설치해"라고 하면 그때 설치하고, 샘플로 한 번 돌려 결과를 보여줘.
받은 자료를 내 스킬로 만들기
첨부한 [PDF 또는 글]의 방법을 내가 반복해서 쓸 수 있게 스킬로 만들어줘.
먼저 읽고 요약해: 이 방법의 순서, 필요한 도구, 출처와 권리(누가 만들었고 다시 써도 되는지).
공개 저장소가 안내돼 있으면 원 저장소에서 받아 설치해. 설치 전에 깔리는 것 목록을 보여주고 확인받아.
저장소가 없으면 원문을 베끼지 말고, 순서와 규칙만 우리 말로 정리해 스킬 한 장으로 만들어.
우리 가게 정보는 [업종, 상품, 말투]. 예시는 우리 가게 것으로 새로 써.
완성 기준: 샘플 1건을 끝까지 돌린 결과 + 한국어에서 안 맞는 부분 목록 + 다시 쓰는 한 줄 명령.
계정 로그인, 게시, 발송은 하지 마.
릴스 대본 받아 보기 (설치한 뒤)
/ig-reel 주제: "[이번 주 밀 상품]으로 [손님이 얻는 것]". 훅 3개 점수 매겨서 보여주고, 제일 좋은 걸로 30초 대본 + 화면 자막 + 초 단위 구성표까지. 말투는 voice.md 그대로.
숫자는 voice.md 에 있는 것만 쓰고, 없는 숫자는 지어내지 말고 빈칸으로 남겨.
한국어 길이는 글자 수(공백 제외) ÷ 5 = 초로 계산해. 훅은 15자 안쪽.
끝나면 같은 대본을 /ig-human 으로 한 번 더 검사해서 뺀 표현을 표로 보여줘.
올리지는 마. 대본만 줘.
12진작 알았다면1개
녹음 → 전사 → 3줄 요약 프로그램 (실습 메뉴 5)
녹음 파일(m4a 또는 mp3)을 넣으면 한국어로 전사하고 3줄 요약과 할 일 목록을 만들어 주는 프로그램을 만들어줘.
조건: 내 컴퓨터에서 돌아가야 하고(faster-whisper 사용), 결과는 같은 폴더에 [파일명]-요약.md 로 저장.
완성 기준: demo/sample.m4a 로 끝까지 돌려서 결과 파일을 보여줘. 설치가 필요한 것은 먼저 목록으로 알려주고 내 확인을 받아.
끝나면 "다음에 다시 쓰는 법"을 3줄로 적어줘.
LAB실습 40분5개
터미널에 넣은 글 (점심 룰렛)
우리 팀 10명이 점심 메뉴를 룰렛으로 고르는 웹 페이지를 만들어줘.

화면: 가운데에 큰 원판 룰렛, 그 위에 고정된 화살표. 오른쪽에 메뉴 목록과 입력 칸.
색: 흰 바탕에 노랑(#ffd400)과 검정 두 색. 칸은 노랑과 흰색을 번갈아, 테두리는 검정. 칸 수가 홀수면 마지막 칸은 검정.
동작: "돌리기" 버튼을 누르면 약 3초 동안 돌다가 천천히 멈추고, 멈춘 칸의 메뉴를 크게 보여줘.
입력: 메뉴는 한 줄씩 추가하고 지울 수 있게(Enter 로 추가). 2개에서 12개까지. 처음에는 예시 메뉴 8개.
사람: 이름 칸 10개(고칠 수 있게). 돌릴 때마다 차례가 다음 사람으로 넘어가고, 최근 결과 5개를 "누가 · 무엇"으로 남겨줘.
기억: 메뉴와 이름은 이 브라우저에 저장해서, 껐다 켜도 남아 있게.
완성 기준: 휴대폰 화면에서도 깨지지 않고, 화살표가 가리킨 칸과 결과 글자가 항상 같을 것.
다 되면 Vercel 로 배포하고 주소를 알려줘. 먼저 계획을 보여주고 내 확인을 받아.
요구사항 지시서 틀 (빈칸을 채워서 쓰세요)
[누가] [무엇을 하려고] 쓰는 [웹 페이지 / 프로그램]을 만들어줘.

화면: [무엇이] [어디에] 있는지.
색: [바탕색]에 [포인트 색]. [모양이나 분위기 한마디].
동작: [무엇을 누르면] [무슨 일이] [몇 초 동안] 일어나고, 끝나면 [무엇이 보이는지].
입력: [무엇을] [어떻게] 넣고 바꾸는지. 처음에는 [예시 몇 개].
기억: [무엇을] 저장할지.
완성 기준: [내가 이것을 확인하면 끝].
다 되면 [어디에: Vercel] 로 배포하고 주소를 알려줘. 먼저 계획을 보여주고 내 확인을 받아.
X배너 시안 3개 (실습 메뉴 6)
우리 가게 행사용 X배너(600×1800mm) 시안 3개를 만들어줘.
입력: 행사명 [ ], 날짜 [ ], 장소 [ ], 로고는 logo.png, 주색 [ ].
규칙: 제목은 굵은 고딕 한 줄, 정보는 라벨 + 목록, 글자는 3m 거리에서 읽히게.
완성 기준: 시안 3개를 한 화면에 번호 붙여 보여주고, 내가 번호를 고르면 인쇄용 PDF(300dpi, 재단선 3mm)로 내보내줘. 주문은 하지 마.
인스타 릴스 대본 3개 (실습 메뉴 7)
우리 가게 인스타 릴스 대본 3개를 써줘.
입력: 업종 [ ], 이번 주 밀 상품 [ ], 말투는 voice.md 그대로.
구조: 첫 2초 훅 → 문제 → 해결 → 마지막 한 줄 행동 유도. 각 대본은 25초 이내, 자막용으로 문장을 짧게.
완성 기준: 표로(훅 / 본문 / 마무리 / 예상 초수). 해시태그 10개 따로.
결과 검산 시키기
방금 만든 [결과 파일]을 원본 [원본 파일]과 대조해서 검산해줘.
확인할 것: ① 건수가 같은지 ② 숫자·날짜·전화번호·주소가 원문과 글자 그대로 같은지 ③ 원문에 없는데 채워 넣은 칸이 있는지.
형식: 다른 곳만 표로(위치 / 원문 / 결과 / 판정).
규칙: 고치지 말고 목록만 보여줘. 내가 번호를 말하면 그 칸만 고쳐.
다 맞으면 "차이 없음"과 확인한 건수를 적어줘.

AGAIN

강의 다시 보기

요금과 기능은 2026-11-06 공식 문서 기준이고 수시로 바뀝니다. 결제 전에는 해당 사이트에서 다시 확인하세요. 내용이 고쳐지면 같은 주소로 갱신됩니다.