studiosoluta
← Claude 시작하기

스킬로 해 보는 실제 작업

스킬 하나하나는 순서대로 읽을 내용이 아니라, 지금 하는 일에 맞는 것을 골라 보는 목록입니다.

학습 카드 8장

이 단원의 학습 카드

모든 학습 카드 내용을 아래에서 차례로 볼 수 있습니다.

01 실습 Skill 사례 1 Karpathy Guidelines · 변경 범위 줄이기 코드를 바꾸기 전에 가정·범위·완료 기준을 적고, 요청한 부분만 수정하도록 지시할 수 있습니다.
  • 정체: Andrej Karpathy의 관찰을 바탕으로 네 가지 규칙을 정리한 커뮤니티 프로젝트
  • 공식 Andrej Karpathy 스킬이 아닙니다

네 가지 규칙

  • 코드를 쓰기 전에 가정과 모르는 부분을 드러냅니다.

  • 요청을 해결하는 가장 작은 구현을 고릅니다.

  • 요청과 관계없는 코드·주석·서식을 바꾸지 않습니다.

  • 성공 기준을 정하고 테스트나 실제 결과로 확인합니다.

  • 적용 여부는 설명이 아니라 diff에서 확인합니다

  • 바뀐 모든 줄이 요청과 직접 연결되는지 살펴봅니다

  1. 원문 저장소를 열어 네 원칙과 설치 범위를 확인합니다. 이 저장소는 Andrej Karpathy의 공식 스킬이 아니라 그의 관찰을 바탕으로 만든 커뮤니티 프로젝트입니다.

  2. Claude Code에 출처를 포함해 설치를 요청합니다. 설치 전에 어떤 규칙 파일이 바뀌는지 먼저 설명해 달라고 합니다.

    https://github.com/multica-ai/andrej-karpathy-skills 저장소의 안내를 읽고, Karpathy Guidelines를 이 프로젝트에 적용하는 방법을 확인해 줘. 설치 전에 바뀌는 파일과 적용 범위를 먼저 설명하고 내 확인을 받아 줘.

    확인설치 방법을 임의로 추측하지 않고 원문 안내를 읽은 뒤, 바뀔 파일과 프로젝트 범위를 먼저 보여줍니다.

  3. 작은 작업을 맡기고 수정 전에 가정·요청 범위·완료 기준을 적는지 확인합니다.

  4. 작업이 끝나면 diff에서 요청과 관계없는 파일이 바뀌지 않았는지 확인합니다.

연습

작은 수정 하나를 맡긴 뒤 diff를 열어 요청과 직접 관계없는 변경이 없는지 확인해 보세요.

작업 전에 가정과 범위를 보여 주고, 끝난 diff가 그 범위 안에 있으면 통과입니다.

알아두면 좋습니다

이 규칙은 신중함을 높여 간단한 한 줄 수정까지 느리게 만들 수 있습니다. 단순 오탈자처럼 해석이 하나뿐인 작업에는 필요한 검증만 남깁니다.

예시 · 튜토리얼 영상에서 100줄이면 될 작업을 불필요하게 크게 만들지 말라는 문장이 적힌 슬라이드
100줄이면 되는 작업을 불필요하게 키우지 않는다는 설명

용어 풀이

전체 용어집 →
Karpathy Guidelines
Andrej Karpathy가 지적한 AI 코딩 문제를 바탕으로, multica-ai 저장소가 정리한 네 가지 작업 규칙입니다.
원본 영상

2026-07-27 기준 · 출처 · Karpathy-Inspired Claude Code Guidelines

02 실습 Skill 사례 2 claude-video · 영상 내용 읽기 Claude가 영상의 자막과 화면 프레임을 함께 읽고, 특정 구간을 근거로 답하게 할 수 있습니다.
  • claude-video: 영상 URL이나 로컬 파일에서 자막과 화면 프레임을 가져옵니다
  • Claude는 두 자료를 함께 읽고 특정 시점의 발화와 화면을 연결합니다

언제 고르나요

  • 튜토리얼에서 버튼이 언제, 어떤 순서로 등장하는지 찾을 때

  • 광고나 발표 영상의 첫 장면과 첫 문장을 따로 분석할 때

  • 화면 녹화에서 오류가 나타나는 순간을 찾을 때

  • 공개 자막이 있으면 자막을 먼저 씁니다

  • 자막이 없는 영상은 외부 음성 인식 API로 넘어갈 수 있으므로 비용 조건을 확인합니다

Gemini로 필요한 영상 구간 찾기

  • 2026년 9월 1일 Google 발표: 질문에 필요한 구간을 찾아 화면·소리·자막을 살피는 영상 분석 기능

  • 지원 모델(2026년 9월 6일 확인): Gemini 3.7 Flash·3.6 Flash·3.5 Flash-Lite

  • 출처: Google 공식 발표

  • 위의 claude-video 실습과 Gemini는 도구와 설정이 다릅니다

  • 같은 영상과 질문으로 비교하되, 한 도구에서 받은 답을 다른 기능의 실행 결과로 기록하지 않습니다

1. 이용 경로와 비용을 확인합니다

  • 발표 당시 제공 경로: Gemini API(Application Programming Interface, 프로그램에서 AI 기능을 호출하는 연결 방식), Google AI Studio, Gemini Enterprise Agent Platform

  • 일반 Gemini 앱: 순차 제공 예정. 앱에서 영상 질문이 된다는 이유만으로 새 분석 방식이 켜졌다고 판단하지 않습니다

  • 지원 모델과 설정: 공식 영상 분석 문서에서 확인

  • 새 방식은 영상 입력의 processing 값을 agentic으로 지정합니다. 영상에서 필요한 부분을 찾아 읽도록 하는 처리 설정입니다

  • 대화창에 단어를 적는 것만으로는 이 설정을 켤 수 없습니다

  • 비용: 기능 자체의 추가 요금은 없고, 기본 사용량 요금은 적용됩니다

  • 앱 구독과 별도 호출 요금은 구분합니다

  • 처음에는 사용할 권한이 있는 짧은 공개 영상 한 개로 한 번만 분석하고, 호출 전 예상 비용과 허용할 금액을 정합니다

2. 실행 전에 설정 확인을 요청합니다

  • 개발 도구에서 AI에게 준비를 맡길 때 아래 요청문을 사용합니다
  • 아직 연결하지 않은 계정이나 결제가 필요하면 준비 내용을 확인한 뒤 본인이 진행합니다
Google 공식 영상 분석 문서를 읽고 Gemini의 새 영상 구간 분석을 준비해 주세요.
문서: https://ai.google.dev/gemini-api/docs/video-understanding

현재 지원하는 모델, 사용할 계정의 접근 여부, 필요한 프로그램, 사용량 요금과 예상 비용을 설명해 주세요.
영상 입력의 processing 값을 agentic으로 지정하는 설정을 준비해 주세요.
영상 한 개, 분석 요청 한 번으로 제한하고 자동 재시도는 넣지 마세요.
예상 비용을 계산할 수 없으면 그 이유를 적어 주세요.
아직 설치, 결제, 파일 업로드, 유료 호출은 하지 마세요.
  • 지원 모델과 설정을 확인하고 실행 비용을 정한 경우에만 다음 분석을 진행합니다
  • 준비를 끝내지 못하면 기존 claude-video 방식이나 직접 확인한 자막·화면으로 연습하고, 사용한 방법을 기록합니다

3. 장면과 발화를 나눠 묻습니다

  • 선택한 도구에 영상 한 개와 아래 요청을 전달합니다
  • 인스타그램 링크 지원을 가정하지 않고, 공식 문서가 안내하는 공개 YouTube 주소나 사용할 권한이 있는 영상 파일을 준비합니다
이 영상의 첫 15초에서 화면 변화와 실제 발화를 시간대별로 정리해 주세요.
상품 또는 설명 대상이 처음 등장하는 시간을 표시해 주세요.
시작·끝 시간, 화면에서 보이는 것, 들리는 말의 뜻을 서로 다른 칸에 적어 주세요.
불명확한 말과 화면 밖 정보는 추측하지 말고 미확인으로 남겨 주세요.
핵심 구간은 세 개 이내로 고르고, 각 구간을 고른 이유를 설명해 주세요.

4. 같은 시간대를 재생해 확인합니다

  • 답변에 나온 구간을 직접 재생해 시작·끝 시간과 화면·발화가 맞는지 확인합니다

  • 일치하지 않는 행은 원래 답과 수정 내용을 함께 남깁니다

  • 다른 도구와 비교할 때는 영상, 구간, 질문을 같게 두고 오류·수정 횟수·걸린 시간·실제 비용을 기록합니다

  • 실행하지 않은 항목은 미실행으로 적습니다

  • 적용 예: 마케터는 광고 도입부, 디자이너는 튜토리얼의 버튼 조작 순서, 기획자는 인터뷰의 근거 발언 찾기

  • 실습 결과물: 시간대와 직접 확인한 근거가 담긴 표

뉴스와 함께 읽습니다

  • 소재: 한국어 주간 AI 뉴스
  • 기능과 제공 조건: Google 공식 발표에서 확인
  • 이 카드는 절차를 보강한 자료이며, Gemini 유료 호출을 실행한 결과나 업체의 최대 절감률을 재현한 실험을 포함하지 않습니다
  1. 원문 저장소에서 지원하는 영상 형식과 설치 조건을 확인합니다. macOS에서는 첫 실행에 yt-dlp와 ffmpeg가 설치될 수 있습니다.

  2. Claude Code에 출처를 포함해 설치를 요청하고, 설치할 프로그램과 비용 조건을 먼저 설명하게 합니다.

    https://github.com/bradautomates/claude-video 저장소의 안내를 읽고 이 스킬을 설치해 줘. 설치 전에 추가로 설치되는 프로그램과, 자막이 없을 때 유료 API가 필요한 조건을 먼저 설명해 줘.

    확인yt-dlp·ffmpeg 같은 추가 프로그램과 자막이 없을 때의 음성 인식 조건을 설명한 뒤 설치 여부를 묻습니다.

  3. 자막이 있는 짧은 공개 영상을 처음 분석합니다.

  4. 답변에 언급한 장면의 시간과 실제 화면이 맞는지 영상을 열어 확인합니다.

연습

내가 자주 보는 튜토리얼 영상 하나를 넣고, 특정 버튼이 처음 등장하는 시간을 찾아 달라고 요청해 보세요.

답변의 시간 링크를 열었을 때 설명한 화면과 발화가 실제 영상에 있으면 통과입니다.

알아두면 좋습니다

자막이 없는 영상은 Whisper API를 쓸 수 있어 비용이 발생할 수 있습니다. 실행 전에 자막 유무와 API 사용 여부를 확인하고, 긴 영상은 필요한 구간만 지정합니다.

예시 · 튜토리얼 영상에서 영상 프레임 입력과 음성 분석이 Claude 답변으로 이어지는 흐름을 그린 슬라이드
영상 프레임과 음성을 함께 읽어 답을 만드는 구조

용어 풀이

전체 용어집 →
프레임
동영상을 이루는 한 장면입니다. 여러 시점의 프레임을 뽑으면 화면 변화까지 비교할 수 있습니다.
Whisper
자막이 없는 음성을 글로 바꾸는 음성 인식 모델입니다. 외부 API를 쓰면 별도 비용이 들 수 있습니다.
원본 영상

2026-09-06 기준 · 출처 · Google — Agentic video understanding, Gemini 영상 분석 공식 문서, claude-video /watch

03 실습 Skill 사례 3 Superpowers · 계획과 검수 붙이기 구현 전에 요구사항과 계획을 확인하고, 테스트와 코드 검수를 포함한 작업 흐름을 실행할 수 있습니다.
  • Superpowers: 소프트웨어 개발 절차를 여러 스킬로 묶은 플러그인
  • 진행 순서: 요구사항 정리 → 계획 확인 → 구현 → 검수

포함된 흐름

  • 요구사항을 질문으로 구체화합니다.

  • 승인한 요구사항을 작업 단위로 나눕니다.

  • 테스트를 먼저 실행해 기대 동작을 고정합니다.

  • 태스크별 구현 뒤 사양과 코드 품질을 나눠 검수합니다.

  • 한 줄 수정과 여러 파일을 바꾸는 기능은 필요한 절차가 다릅니다

  • 작업 크기에 맞춰 적용 범위를 정합니다

  1. 원문 저장소에서 전체 작업 흐름과 설치 대상을 확인합니다. 여러 스킬이 묶인 플러그인이므로 어떤 규칙이 자동으로 적용되는지 살펴봅니다.

  2. Claude Code에 공식 저장소를 포함해 설치를 요청합니다.

    https://github.com/obra/superpowers 저장소의 Claude Code 설치 안내를 읽고 Superpowers를 설치해 줘. 설치 뒤 자동으로 적용되는 작업 순서와 추가되는 스킬 목록을 먼저 요약해 줘.

    확인원문 설치 안내를 따르고, 요구사항 정리·계획·테스트·검수에 쓰는 스킬 목록을 요약합니다.

  3. 15분 안에 끝낼 수 있는 작은 기능을 맡기고, 코드를 바꾸기 전에 요구사항과 계획을 보여 주는지 확인합니다.

  4. 구현 뒤 테스트 결과와 코드 검수 결과가 따로 나오는지 확인합니다.

연습

작은 기능 하나를 맡기고 요구사항 확인부터 검수까지 어떤 단계가 실제로 실행되는지 기록해 보세요.

코드 수정 전에 계획을 확인하고, 끝난 뒤 테스트와 코드 검수 결과를 따로 받으면 통과입니다.

알아두면 좋습니다

작은 오탈자 수정에도 전체 절차를 적용하면 시간이 늘어납니다. 요구사항이 명확한 한 줄 수정은 필요한 검증만 실행하도록 범위를 줄입니다.

예시 · 튜토리얼 영상에서 Superpowers의 요구사항·계획·테스트·리뷰 단계가 목록으로 보이는 영상 캡처
Superpowers가 요구사항·계획·테스트·리뷰 순서를 설명하는 화면

용어 풀이

전체 용어집 →
TDD
Test-Driven Development의 줄임말입니다. 기대하는 동작을 테스트로 먼저 적고, 그 테스트를 통과하도록 구현합니다.
원본 영상

2026-07-27 기준 · 출처 · Superpowers

04 실습 Skill 사례 4 Understand-Anything · 처음 보는 자료 구조화 처음 보는 코드·문서 폴더를 지식 그래프로 만들고, 읽을 순서와 변경 영향을 확인할 수 있습니다.
  • Understand-Anything: 코드베이스와 문서 폴더를 분석해 파일·함수·클래스·의존 관계를 지식 그래프로 저장
  • 대시보드에서 노드를 누르면 역할과 연결 관계를 볼 수 있습니다

언제 고르나요

  • 처음 받은 프로젝트에서 어디부터 읽을지 정할 때

  • 코드 변경이 어느 파일에 영향을 주는지 살펴볼 때

  • 문서 폴더 안 주제와 연결 관계를 한 화면에서 찾을 때

  • 첫 분석은 프로젝트 전체를 읽으므로 저장소가 크면 토큰 사용량도 커집니다

  • 작은 하위 폴더로 동작을 확인한 뒤 범위를 넓힙니다

  1. 원문 저장소에서 설치 방식, 저장되는 폴더, 첫 분석의 토큰 사용 조건을 확인합니다.

  2. Claude Code에 출처를 포함해 설치를 요청합니다.

    https://github.com/Egonex-AI/Understand-Anything 저장소의 Claude Code 안내를 읽고 설치해 줘. 설치 전에 프로젝트 안에 새로 생기는 폴더와 첫 분석의 토큰 사용 조건을 설명해 줘.

    확인지식 그래프 저장 폴더와 큰 프로젝트의 첫 분석이 많은 토큰을 쓸 수 있다는 조건을 먼저 설명합니다.

  3. 처음에는 프로젝트 전체보다 작은 하위 폴더를 골라 분석합니다.

  4. 대시보드에서 파일 하나를 열고, 설명과 실제 파일 내용이 맞는지 확인합니다.

연습

작은 하위 폴더 하나를 분석하고 대시보드에서 파일 세 개의 연결 관계를 따라가 보세요.

대시보드 설명을 실제 파일과 대조했을 때 파일 역할과 연결 관계가 맞으면 통과입니다.

알아두면 좋습니다

큰 저장소를 처음부터 전체 분석하면 토큰 사용량이 커질 수 있습니다. 작은 하위 폴더로 시작하고, 생성된 그래프에는 프로젝트 구조가 담기므로 공유 범위도 확인합니다.

예시 · 튜토리얼 영상에서 프로젝트 분석 결과의 대시보드 명령과 기능 목록이 브라우저에 표시된 영상 캡처
프로젝트를 분석한 뒤 대시보드 명령과 기능 목록을 확인하는 화면

용어 풀이

전체 용어집 →
지식 그래프
파일·함수·문서와 그 관계를 점과 선으로 저장한 구조입니다. 무엇이 무엇에 연결되는지 검색할 수 있습니다.
의존 관계
한 파일이나 함수가 다른 코드에 기대어 작동하는 관계입니다. 앞의 코드를 바꾸면 뒤의 코드도 영향을 받을 수 있습니다.
토큰
AI가 글을 잘라 세는 단위입니다. 분석할 파일이 많을수록 첫 분석에서 이 수가 크게 늘어납니다.
원본 영상

2026-07-27 기준 · 출처 · Understand Anything

05 실습 Skill 사례 5 agentmemory · 기억을 나누어 관리하기 프로젝트 규칙, 지난 대화, 검색할 기록, 내가 고른 참고 자료를 용도에 맞는 곳에 두고 Claude Code와 Codex에서 필요한 내용만 불러올 수 있습니다.
  • 기억은 한곳에 모으기보다 나중에 어떻게 쓸지에 따라 나눕니다
남길 내용사용하는 곳다시 찾는 방법
프로젝트에서 계속 지킬 규칙Claude Code의 CLAUDE.md, Codex의 AGENTS.md프로젝트를 열 때 자동으로 참고합니다
방금 하던 대화Claude Code의 --continue, --resume같은 대화를 이어 갑니다
여러 대화에서 다시 찾을 결정과 작업 기록agentmemory 같은 로컬 메모리날짜·출처와 함께 검색합니다
내가 고른 원문과 검토한 요약Gemini Notebook올린 자료 안에서 질문합니다

로컬 메모리에 남길 내용

  • agentmemory: 코딩 에이전트의 대화 기록을 내 컴퓨터의 메모리 서버에 저장

  • 다음 대화에서는 전체 기록을 다시 읽지 않고 현재 요청과 관련된 내용을 검색합니다

  • 여러 도구가 같은 로컬 메모리를 쓰도록 연결할 수 있습니다

  • 자동 기록을 켜기 전에 확인할 것: 저장 위치, 기록 대상, 삭제 방법

  • 작업 기록 전체 대신 결정, 이유, 날짜, 출처 파일처럼 다시 찾을 값만 정리하면 검색 결과가 선명해집니다

Gemini Notebook을 더할 때

  • Gemini Notebook: 내가 고른 자료를 모아 두고 그 자료를 바탕으로 질문할 때 사용

  • 추가하는 경우: 다른 기기에서 같은 자료를 볼 때, 여러 원문에서 근거를 찾아야 할 때

  • Claude Code·Codex에서 쓰려면 notebooklm-mcp 같은 MCP 연결 도구를 쓸 수 있습니다

  • 이 프로젝트는 Google 공식 기능이 아니므로 로그인 전에 저장 방식과 삭제 방법을 확인합니다

  • 연결 뒤에도 AI가 대화 전체를 자동으로 올리게 두지 않고, 직접 준 원문이나 검토한 요약만 추가합니다

  1. 아래 표를 보고 지금 남길 내용이 규칙, 대화, 작업 기록, 참고 자료 가운데 무엇인지 정합니다.

    확인남길 내용 한 건과 그 내용을 둘 곳이 한 줄로 정리됩니다.

  2. 프로젝트의 고정 규칙은 Claude Code의 CLAUDE.md와 Codex의 AGENTS.md에 적습니다. 두 파일은 각 도구가 프로젝트를 열 때 먼저 참고하는 안내문입니다.

    확인두 안내 파일에는 여러 작업에서 계속 지킬 규칙만 남습니다.

  3. 같은 대화를 이어 갈 때는 Claude Code의 --continue 또는 --resume을 사용합니다. 여러 대화에서 다시 찾을 결정은 로컬 메모리에 저장합니다.

    확인한 대화를 이어 갈 때와 여러 대화에서 검색할 때 사용하는 방법이 구분됩니다.

  4. Gemini Notebook에는 사용자가 직접 준 원문이나 사용자가 검토한 요약만 추가합니다. 전체 대화 기록, 비밀번호, API 키, 개인정보가 든 파일은 올리지 않습니다.

    확인추가할 자료의 내용과 출처를 사용자가 먼저 확인합니다.

  5. Claude Code나 Codex에 현재 연결 상태와 저장 범위를 확인해 달라고 요청합니다.

    현재 사용할 수 있는 기억 방법을 확인해 줘. 프로젝트 안내 파일, 이전 대화 재개, 로컬 메모리 검색, Gemini Notebook 연결을 나누어 보여 줘. 각각 어디에 저장되는지와 외부로 전송되는지도 먼저 설명해 줘. 로그인, 설치, 자료 추가는 아직 하지 마.

    확인네 가지 방법이 분리되어 나옵니다. 저장 위치와 외부 전송 여부를 확인하기 전에는 변경하지 않습니다.

연습

민감 정보가 없는 결정 하나를 로컬 메모리 후보로 정리합니다. 같은 내용을 Gemini Notebook에 넣을 자료와 비교해 보세요. 외부에서도 볼 필요가 없다면 로컬 메모리만 사용합니다.

남길 내용, 저장 위치, 외부 전송 여부를 적은 표가 있고 선택 이유를 한 문장으로 쓸 수 있으면 통과입니다.

알아두면 좋습니다

자동 기록에는 프롬프트·도구 호출·응답이 포함될 수 있습니다. API 키·비밀번호·개인정보가 들어간 대화는 저장하지 않습니다. 이미 노출된 비밀 값은 기록에서 지우는 것만으로 끝내지 말고 폐기·재발급합니다. notebooklm-mcp는 커뮤니티 프로젝트이며 별도 브라우저 폴더에 로그인 쿠키를 보관합니다. 로그인 쿠키는 브라우저가 로그인 상태를 기억하는 정보입니다. 연결 전에 저장 위치와 삭제 방법을 확인합니다.

예시 · 튜토리얼 영상에서 브라우저의 로컬 메모리 서버 목록과 저장 상태가 함께 보이는 영상 캡처
로컬 메모리 서버와 웹 뷰어에서 저장 상태를 확인하는 화면

용어 풀이

전체 용어집 →
하이브리드 검색
키워드, 의미가 비슷한 문장, 항목 사이 관계를 함께 사용해 기록을 찾는 방식입니다.
MCP
Model Context Protocol의 줄임말로, AI 도구와 외부 기능을 연결하는 규칙입니다.
원본 영상

2026-09-04 기준 · 출처 · agentmemory, Claude Code — Manage Claude's memory, Claude Code — CLI reference, Google — NotebookLM is now Gemini Notebook, Google — Gemini Notebook limits, PleasePrompto — notebooklm-mcp, gymcoding — Claude Code 기억 관리 게시물

06 실습 Skill 사례 6 Skill Creator · 반복 절차 만들기 반복 작업의 이름·사용 조건·입력·결과를 적은 스킬 초안을 만들고, 실제 요청으로 시험한 뒤 한 번 개선할 수 있습니다.
  • Codex의 Skill Creator: 새 스킬에 필요한 질문을 하고 SKILL.md 초안을 만듭니다
  • SKILL.md 필수 항목: name, description(스킬의 역할과 호출 조건)
  • Anthropic의 Skill Creator: 새 스킬 만들기, 기존 스킬 개선, 실제 요청으로 결과 확인 절차를 제공합니다

만드는 순서

  • 스킬 이름과 맡을 일, 사용할 때와 사용하지 않을 때, 결과 형태를 정합니다.

  • SKILL.md 초안을 만듭니다.

  • 실제 사용자가 말할 법한 요청 두세 개로 실행합니다.

  • 결과를 보고 공통 문제를 고칩니다.

  • 같은 요청을 다시 실행해 전후 결과를 비교합니다.

  • 스킬은 한 번 만든 파일보다 반복해서 고친 작업 기준에 가깝습니다

  • 실제 결과의 아쉬운 점을 다음 버전에 반영합니다

5분 실습 — 설치 전에 규칙 고치기

  • Claude Skill Library의 /grill-me: 비단순 제작 요청을 받으면 먼저 10~15개 질문을 요구하는 스킬
  • 공개 압축 파일 구성(2026년 9월 3일 확인): SKILL.md 한 개
  • 이 실습에서는 설치하지 않고 규칙만 읽습니다
  1. /grill-me만 내려받아 압축을 풉니다. 이메일 입력을 요구하면 내려받지 않고 멈춥니다.
  2. SKILL.md에서 description, Core rule, Handling pushback을 찾습니다.
  3. 파일을 Claude나 Codex에 첨부하고 직접 해보기의 설치 전 검토 요청문을 보냅니다.
  • 통과 기준: 간단한 작업과 되돌리기 어려운 작업의 질문 수를 다르게 정하고, 수정·오류 해결·형식 변경을 제외 조건으로 적음
  • 외부 스킬은 출처와 파일 내용을 확인한 뒤 설치합니다
  1. 세 번 이상 반복한 작업 하나를 고르고, 스킬 이름·사용할 때·사용하지 않을 때·입력·결과·검수 기준을 적습니다.

  2. Codex에서 `$skill-creator`를 부르고 초안을 요청합니다. Skill Creator가 묻는 질문에 답하면 필수 파일인 `SKILL.md`에 이름과 설명이 들어갑니다.

    $skill-creator
    매주 회의록을 결정사항·할 일·미결로 나누는 반복 작업을 스킬로 만들어 주세요. 할 일의 담당자는 추정하지 말고 비워 두며, 결과는 표로 만들어야 합니다. 이 스킬을 써야 하는 요청과 쓰지 않아야 하는 요청을 먼저 질문한 뒤 초안을 보여 주세요.

    확인SKILL.md 초안에 name과 description이 있고, description에 사용할 때와 사용하지 않을 때가 구분됩니다.

    이 단계의 실제 화면
    Claude Code 화면에 Skill Creator가 설치되어 있고 반복 작업 설명을 입력하는 장면
    화면에서 확인할 것 반복 작업과 호출 조건을 설명한 뒤 Skill Creator에 스킬 초안을 요청합니다. Claude Code 2.1.135 · 2026-07-27
  3. 두 결과를 보고 공통으로 아쉬운 부분 한 가지를 구체적으로 피드백합니다.

  4. 수정한 스킬로 같은 요청을 다시 실행해 전후 결과를 비교합니다.

연습

세 번 이상 반복한 작업 하나로 스킬을 만들고, 실제 요청 두 개의 결과를 비교해 한 번 수정해 보세요.

수정 전후 결과에서 같은 문제 한 가지가 줄고, 다른 입력에도 같은 절차가 유지되면 통과입니다.

알아두면 좋습니다

한 번만 쓸 작업을 모두 스킬로 만들면 관리할 파일만 늘어납니다. 예시 하나에만 맞춘 규칙도 다른 요청에서 깨지므로 서로 다른 실제 요청으로 시험합니다.

예시 · 튜토리얼 영상에서 Claude 작업 화면에 반복 작업 설명과 Skill Creator 요청 문장이 입력된 영상 캡처
원하는 반복 작업을 설명해 Skill Creator에 제작을 요청하는 화면

용어 풀이

전체 용어집 →
평가 프롬프트
스킬이 실제 요청에서도 원하는 결과를 내는지 확인하려고 준비한 예시 요청입니다.
trigger
Claude가 요청 문맥을 보고 어떤 스킬을 불러야 할지 판단하는 조건입니다. 주로 스킬의 description을 참고합니다.
원본 영상

2026-09-03 기준 · 출처 · OpenAI Codex — Build skills, Anthropic Skills — Skill Creator, Claude Skill Library — Grill Me, Anthropic — Security considerations when using Skills

07 실습 Skill 사례 7 eli5 · 모르는 개념 그림으로 받기 eli5 플러그인으로 그림 위주 설명 페이지를 만든 뒤 HTML 아티팩트를 브라우저에서 직접 열어 확인할 수 있습니다.
  • eli5: 주제 하나를 그림 위주 설명 페이지로 만들어 주는 플러그인
  • /eli5 뒤에 알고 싶은 것을 적으면 장면 서너 개로 나뉜 HTML 페이지 한 장이 만들어집니다
  • 결과를 받은 뒤 샘플과 내 결과 파일을 브라우저에서 직접 엽니다

언제 씁니까

  • 쓰는 때: 공식 문서를 읽었는데도 무엇이 무엇과 연결되는지 안 잡힐 때
  • 요약은 원문을 짧게 줄이고, eli5는 아는 것이 없다고 가정하고 처음부터 다시 설명합니다

무엇이 나옵니까

  • 장면마다 그림 하나와 문장 한두 개가 붙습니다

  • 위에서 아래로 내리면 개념이 순서대로 쌓이고, 마지막 장면에서 정의로 닫힙니다

  • 전문 용어 대신 익숙한 상황에 빗대어 시작해, 처음 보는 사람도 첫 장면에서 막히지 않습니다

  • 쉽게 만드는 과정에서 조건과 예외는 덜어 냅니다

  • 이 도구는 개념의 위치를 잡는 데까지 쓰고, 정확한 값이 필요하면 원문으로 돌아갑니다

  1. 설치 전에 출처를 봅니다. eli5는 Anthropic이 운영하는 커뮤니티 마켓플레이스(설치할 수 있는 플러그인을 모아 둔 목록)에 올라온 무료 플러그인입니다. 제작자는 Thariq Shihipar입니다.

    출처 저장소 열기

    확인저장소의 eli5 폴더에서 무엇을 하는 플러그인인지와 부르는 방법을 직접 읽을 수 있습니다.

  2. 마켓플레이스 등록과 설치를 한 번에 요청합니다. 목록이 이미 등록되어 있으면 설치만 진행합니다.

    anthropics/claude-plugins-community 마켓플레이스를 등록하고 거기 있는 eli5 플러그인을 설치해 줘. 설치가 끝나면 어떻게 부르는지 한 줄로 알려 줘.
    명령어로 직접 하기

    터미널에서 claude 명령으로 연 Claude Code 화면 안에서 한 줄씩 입력합니다.

    /plugin marketplace add anthropics/claude-plugins-community
    /plugin install eli5@claude-community

    확인마켓플레이스가 등록되고 eli5가 설치 완료로 표시됩니다. 부르는 방법은 /eli5 뒤에 주제를 적는 것입니다.

  3. 설치 안내가 재시작을 요구하면 Claude를 다시 엽니다. 새 대화에서 슬래시 명령 목록에 eli5가 보이면 연결된 것입니다.

    확인새 대화에서 /eli를 입력하면 목록에 eli5가 뜹니다.

  4. 지금 잘 모르는 개념 하나로 시험합니다. 결과는 그림과 짧은 문장으로 된 HTML 아티팩트 한 장입니다. HTML 아티팩트는 브라우저에서 여는 웹 문서 파일입니다.

    /eli5 MCP가 무엇인지, AI 도구를 처음 쓰는 사람 기준으로

    확인장면 서너 개로 나뉜 HTML 페이지가 만들어지고 각 장면은 그림 하나와 문장 한두 개로 끝납니다.

    이 단계의 실제 화면
    「MCP를 아주 쉽게」 제목 아래 1번 장면이 열린 페이지. 왼쪽에 AI라고 적힌 상자, 오른쪽에 노션·드라이브·슬랙 상자가 있고 사이에 물음표가 있으며 그 아래 두 줄짜리 설명 문장이 있는 화면
    화면에서 확인할 것 위 요청문을 그대로 넣어 만든 페이지입니다. 장면마다 번호와 제목, 그림, 문장 한두 개가 보이면 맞습니다. eli5 1.0.0 · 2026-08-25
  5. 수업에서 준비한 샘플 아티팩트를 새 탭으로 엽니다. 제목부터 마지막 장면까지 내려 보면서 그림과 짧은 문장이 어떤 순서로 이어지는지 확인합니다.

    MCP 샘플 아티팩트 열기

    확인새 탭에 「MCP를 아주 쉽게」라는 제목과 네 장면이 보입니다. 각 장면에는 큰 그림 하나와 짧은 설명이 붙습니다.

  6. 이제 Claude가 만든 내 아티팩트를 엽니다. 답변에 표시된 HTML 파일이나 아티팩트 링크를 선택합니다. 열 수 있는 항목이 보이지 않으면 아래 문장을 보냅니다.

    방금 만든 eli5 HTML 아티팩트를 브라우저에서 열어 줘. 이미 만든 파일을 다시 만들지 말고 그 파일을 열거나 클릭할 수 있는 경로를 알려 줘.

    확인브라우저의 새 탭이나 미리보기 화면에 내가 요청한 주제의 설명 페이지가 열립니다.

  7. 마지막으로 쉬운 설명에서 빠진 조건을 확인합니다. 이 단계는 설명을 업무 판단이나 수업자료에 쓰기 전에 거칩니다.

    방금 만든 설명에서 쉽게 말하려고 빼거나 단순화한 조건을 알려 줘. 각 조건을 확인할 수 있는 공식 문서 링크도 붙여 줘.

    확인빠진 조건과 예외가 목록으로 나오며 확인할 공식 문서 링크가 함께 붙습니다.

연습

지금 업무에서 뜻을 정확히 모른 채 쓰고 있는 단어 하나를 골라 eli5로 설명받은 뒤, 만들어진 HTML 아티팩트를 직접 열고 그 내용을 동료에게 보낼 한 문장으로 줄여 보세요.

샘플과 내 아티팩트를 모두 연 다음 페이지를 덮고도 그 개념을 한두 문장으로 말할 수 있으면 통과입니다.

알아두면 좋습니다

eli5는 쉽게 만드는 대신 예외와 수치를 덜어 냅니다. 계약·요금·권한처럼 정확한 조건이 걸린 주제는 이 페이지로 판단하지 않고 원문을 함께 확인합니다. 만들어진 설명을 그대로 자료로 발행하지 않으며, 출처와 조건을 확인한 뒤 내 자료에 맞게 다시 씁니다.

2026-08-29 기준 · 출처 · claude-plugins-community — eli5, Claude Code — Plugins

08 실습 모션그래픽 HyperFrames로 15초 세로 모션그래픽 만들기 브랜드 기준 문서와 사진으로 1080×1920 세로 15초 장면 구성안을 받고, HyperFrames 프로젝트로 만들어 검사를 통과시킨 뒤 MP4로 렌더할 수 있습니다.
  • HyperFrames: HTML·CSS·사진·애니메이션으로 쓴 장면을 MP4 영상으로 바꾸는 오픈소스 도구
  • 라이선스: Apache 2.0
  • Claude Code에 플러그인으로 설치하면 Claude가 장면 파일 작성, 검사, 렌더 명령까지 실행합니다
  • 가격: 내 컴퓨터에서 렌더하면 별도 요금 없음
명령하는 일
npx hyperframes check오류, 깨진 파일 경로, 글자 대비를 한 번에 검사합니다
npx hyperframes preview브라우저에서 시간축과 함께 미리 봅니다
npx hyperframes renderMP4 파일로 내보냅니다
  • 명령은 Claude가 실행하고, 사람은 구성안을 고르고 미리보기를 본 뒤 렌더를 승인합니다
  • 색과 글꼴을 design.md에서 가져오게 하면 여러 편을 만들어도 색이 갈라지지 않습니다
  1. Claude Code에 HyperFrames 설치를 맡기고, 필요한 프로그램이 이 컴퓨터에 있는지 먼저 확인하게 합니다.

    https://github.com/heygen-com/hyperframes 저장소의 README를 읽고 Claude Code용 HyperFrames 플러그인을 설치해 줘. 설치 전에 Node.js 22 이상과 FFmpeg가 이 컴퓨터에 있는지 확인하고, 없으면 설치 방법을 알려 주고 멈춰 줘.

    확인Node.js와 FFmpeg 버전 확인 결과가 먼저 나오고, 플러그인 설치 뒤 /hyperframes로 부를 수 있다는 안내가 나옵니다.

  2. 영상을 만들기 전에 장면 구성안을 표로 받아 고릅니다.

    [브랜드 폴더]의 brand.md·design.md와 사진 파일을 읽고, 1080×1920 세로 15초 영상의 장면 구성안을 표로 만들어 줘. 장면마다 시작·끝 초, 화면 문구, 쓸 사진 파일, 움직임을 적고, 첫 1초 안에 브랜드 이름이나 핵심 문장이 보이게 해 줘. 문구는 brand.md에 있는 사실만 쓰고, 아직 영상은 만들지 마.

    확인장면 4~6개짜리 표가 나오고, 장면마다 쓸 사진 파일 경로와 화면 문구가 적혀 있습니다.

  3. 고른 구성안으로 프로젝트를 만들고 검사를 통과시킨 뒤 미리보기를 엽니다.

    고른 구성안으로 HyperFrames 프로젝트를 만들어 줘. 색과 글꼴은 design.md 값만 쓰고, 다 쓰면 npx hyperframes check를 돌려 오류와 글자 대비 경고를 고친 뒤 미리보기 주소를 알려 줘. 렌더는 내가 미리보기를 보고 말할 때 해.

    확인check 결과에 남은 오류가 없고, 브라우저에서 열 수 있는 미리보기 주소가 나옵니다.

  4. 미리보기를 확인한 뒤 렌더를 맡기고, 파일 규격을 숫자로 확인합니다.

    미리보기 그대로 MP4로 렌더해 줘. 렌더한 뒤 ffprobe로 길이·해상도·초당 프레임 수를 재서 표로 보여 줘.

    확인MP4 파일 경로와 함께 길이 15초 안팎, 해상도 1080×1920이 적힌 표가 나옵니다.

연습

내 브랜드 사진 다섯 장으로 15초 세로 영상 하나를 렌더하고, 문구 한 줄을 고친 뒤 다시 렌더해 다른 장면이 바뀌지 않았는지 확인해 보세요.

1080×1920 MP4 파일이 있고, ffprobe 표의 길이가 구성안의 마지막 장면 끝 초와 같습니다.

알아두면 좋습니다

렌더는 시간이 걸리므로 미리보기를 보고 고친 다음에 맡깁니다. 사진 안에 효능이나 수치 같은 문구가 들어 있으면 화면 문구 검사에 걸리지 않으므로 사진을 한 장씩 열어 봅니다. 장면 일부를 생성형 AI 영상으로 채우면 유료 크레딧이 들고, 그 컷은 같은 결과를 다시 만들 수 없습니다.

예시 화면 세로 영상 네 편의 한 장면을 나란히 놓은 이미지. 왼쪽부터 Dr.NOON 로고와 「양치는 매일. 눈꺼풀은?」 문구, 09:00 시계 장면, 양치와 눈꺼풀 세정을 위아래로 맞댄 장면, 「2023 안과에서 시작한 티슈」 문구와 제품 상자 장면입니다.
2026-10-06 눈닥터 브랜드 자료로 만든 15초 세로 영상 네 편의 한 장면씩입니다. 네 편 모두 HyperFrames 컴포지션으로 쓰고 같은 색 값을 썼습니다.

2026-10-07 기준 · 출처 · HyperFrames — GitHub README, HyperFrames Quickstart

다음 단계