📥 다운로드 (PUBLIC 레포)
- 📦 전체 ZIP (한 번에 받기): https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/demo-pack-v4-lite-r15.zip
- 📄 사람용 PDF: https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/USAGE.pdf
- 📋 AI 마스터 README.md (raw): https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/README.md
- 📈 실습 2 메인 5월 캠페인 결과 MD: https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/samples/step2-campaign-report.md
- 💳 실습 2 생활 변주 카드 사용 CSV (95건): https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/samples/step2-card-statement.csv
- ⚡ 실습 2 옵션 전기·가스 고지서 MD: https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/samples/step2-utility-bill.md
- 🔍 실습 3 검색 시나리오 MD: https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/samples/step3-search-targets.md
- 🎨 실습 4 결과물 4종 가이드 MD: https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/samples/step4-deliverable-brief.md
- ⭐ 실습 5 정식 시작점 localStorage 누적 HTML: https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/samples/step5-dashboard-starter-localStorage.html
- 🪟 (백업) localStorage 없는 최소 골격 HTML: https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/samples/step5-dashboard-starter.html
- 🗂 Chat Project [파일] 영역 자료: https://github.com/semicolon-devteam/semiclass/tree/main/demo-kit/ai-basic-automation/tree/main/demo-kit/ai-basic-automation/chat-project-files
- 📦 (부록·Pro $20+) Cowork Scheduled: https://raw.githubusercontent.com/semicolon-devteam/semiclass/main/demo-kit/ai-basic-automation/appendix-pro/scheduled-jobs.md
- 🔗 원본 레포 (디렉토리): https://github.com/semicolon-devteam/semiclass/tree/main/demo-kit/ai-basic-automation
title: "AI 쉽고 재밌게 활용하기: 기초편 — 데모 팩" author: "SemiClass" date: "2026-05-14"
AI 쉽고 재밌게 활용하기: 기초편 — 데모 팩 (v5, 직장인 마케터 한정)
30대 직장인 마케터 김민지씨의 5월 시나리오로 5단계를 따라가며 마지막에 HTML 한 페이지 "마케터 점검판" 대시보드를 만드는 데모 팩. Claude 무료 플랜 + Chat Project + Artifact 하나로 본편 완결 (Cowork·자동 갱신은 부록).
대상: 30대 직장인 한정. 자영업·주부·학생은 다른 클래스에서 다룹니다. 본인 변주: 직무(영업/개발/기획/HR)·연차·가족구성만 본인에 맞게 1줄 변주. 시나리오 골격은 김민지씨 그대로.
이 문서는 두 가지 용도로 작성됐습니다.
- AI가 읽는 마스터:
README.md(본 파일). Claude에게 통째 첨부해 "내 클래스 자료입니다"로 시작 - 사람이 보는 사본:
USAGE.pdf— 인쇄·휴대용
데모 팩 구성
v5 (Cowork 제거): 본편 5단계는 Claude 무료 플랜 + Chat Project + Artifact 하나로 끝까지 갑니다. 설치·결제·로컬 개발환경 0. Cowork·Live Artifacts·Scheduled는 Pro($20)+ 전용이라 부록(심화·후속 클래스) 으로 분리했습니다.
demo-pack/
├── README.md (AI/사람 마스터 사용법)
├── USAGE.pdf (사람 인쇄용 사본, README.md 변환)
├── samples/ (본편 — Chat Project 첨부 자료)
│ ├── step2-campaign-report.md (실습 2-1 드래그앤드랍 — 5월 캠페인 결과 보고서)
│ ├── step2-card-statement.csv (실습 2-2 [파일] 영역 임포트 — 카드 사용 95건)
│ ├── step2-utility-bill.md (실습 2-2 [파일] 영역 임포트 — 전기·가스 고지서)
│ ├── step3-search-targets.md (실습 3 [파일] 영역 임포트 — 분기 체크리스트)
│ ├── step5-dashboard-starter-localStorage.html ⭐ 실습 5 정식 시작점 — 입력·체크 매일 누적
│ └── step5-dashboard-starter.html (백업 — localStorage 없는 최소 골격)
├── chat-project-files/ (본편 — Project [파일] 탭에 올리는 산출물 가정)
│ ├── 00-project-지침.md ⭐ Project 지침 박스에 붙여넣을 텍스트 (페르소나·톤·정책)
│ ├── README.md (파일 안내)
│ ├── 00-내-프로필.md (페르소나 사람용 사본)
│ ├── 01-quarter-checklist.md (실습 1 산출물 가정)
│ ├── 02-campaign-analysis.md (실습 2-1 산출물 가정)
│ ├── 02-spending-summary.md (실습 2-2 산출물 가정)
│ ├── 03-search-results.md (실습 3 산출물 가정)
│ ├── 04-deliverable-brief.md (결과물 4종 명세)
│ └── 05-dashboard-spec.md (대시보드 명세 — 4위젯 본편/6위젯 보너스)
├── your-template/ ⭐ 본인 케이스로 갈아끼울 빈 양식 (Chat Project 기준)
│ ├── README.md (5분 갈아끼우기 — Project 생성→지침→파일→실습)
│ ├── 00-project-지침.md (페르소나 영역만 비워둔 지침 템플릿)
│ ├── 00-내-프로필.md (사람용 사본 템플릿)
│ ├── 01-domain-checklist.md (본인 분기 체크리스트 양식)
│ ├── 02-work-data-template.md (영업/개발/기획/HR 직군별 데이터 양식)
│ ├── 03-search-targets-template.md (본인 검색 시나리오 양식)
│ ├── 04-deliverable-brief.md (본인 결과물 4종 양식)
│ └── 05-dashboard-spec.md (본인 점검판 위젯 양식)
└── appendix-pro/ (부록 — Pro($20)+ 심화·후속 클래스)
└── scheduled-jobs.md (Cowork Scheduled 6 작업 — 매일 자동 갱신)
페르소나 — 김민지씨 (오늘의 메인 시나리오)
- 1992년생 마케터 (중견기업 8년차, 33세)
- 서울 마포구 1인 가구. 월세 80 / 관리 12 / 전기·가스 5 / 건보 18 / 적금 30 + 구독 6종
- 매주 캠페인 기획·SNS 콘텐츠 운영·고객 답장·주간 보고서·회의록
- 캠페인 KPI 매번 흩어짐 / 청약·세금 매번 검색 / 회의록 부담 / 월급 새는 곳
- 욕구: "캠페인·고객·생활이 한 화면에 모이는 마케터 점검판"
본인 변주 안내 (직장인 한정)
- 직무: 마케터(=김민지씨) / 영업 / 개발 / 기획 / HR / 기타
- 연차: 1
3년 / 47년 / 8년+ - 가족구성: 1인가구 / 부부 / 유자녀
→ 시나리오 골격은 김민지씨를 그대로 따라옵니다. 본인이 김민지씨와 가장 다른 업무 1줄만 단계 1·2 변주에 적용.
단계별 비중
| 단계 | 비중 | 시나리오 |
|---|---|---|
| 1 말 걸어보기 | 생활 | 1인가구 직장인 분기 체크리스트 (청약·세금·휴가·건강검진) |
| 2 사진·파일 같이 | 업무 | 5월 마케팅 캠페인 결과 보고서 분석 + 카드 사용 내역(옵션 생활) |
| 3 도구 사용하기 | 생활 | 청약·세금·연차·세미나 검색 + Tasks 자동 발송 시연 |
| 4 결과물 만들기 | 업무 | 캠페인 인포그래픽 1장(대표) + PDF·SNS·PT 30초 메뉴 시연 |
| 5 대시보드 만들기 ⭐ | 업무+생활 통합 | 마케터 점검판 — 캠페인·SNS·KPI + 고정지출·루틴·캘린더 |
단계 0 — Claude Project 세팅 (5분, 한 번만)
오늘 전체를 담을 그릇입니다. 지침(페르소나·말투)을 한 번 적어두면 모든 대화에 자동 적용되고, 파일은 [파일] 탭에 차곡차곡 쌓아두면 단계 2·3·4·5가 모두 같은 자료를 자동 참고합니다. 5단계 전부 이 하나의 Chat Project 안에서 끝납니다 (무료 플랜 가능).
0-1. Project 만들기 (Chat 모드)
claude.ai접속 → 좌측 사이드바 Projects → + New project- 이름:
세미클래스 — 김민지씨 점검판(본인 직무로 변주 시 직무명 추가) - 설명(선택):
AI 쉽고 재밌게 활용하기 — 기초편 데모
0-2. 지침 입력 (Custom Instructions)
Project 우측 "지침(Instructions)" 박스에 아래 템플릿을 그대로 붙여 넣습니다. 본인 변주는 첫 줄만 바꾸면 됩니다.
나는 1992년생 마케터, 중견기업 8년차. ← (본인 직무·연차로 변주)
서울 마포 1인가구, 고양이 치즈 한 마리. ← (본인 가구로 변주)
청약·적금·CMA 관리 중, 청년 우대형 가입 아직.
헬스장 두 달째 안 감, 작년 콜레스테롤 살짝 높음.
업무: 캠페인 기획·SNS·고객 답장·주간 보고서.
답변은 늘 한국어 친근체로,
숫자 출처가 없으면 "추정" 표시,
민감정보는 가명·둥근 숫자로 바꿔서.
0-3. 파일은 시점·용도에 맞게 두 가지 방식
Claude Chat의 Project는 채팅에 첨부한 자료를 다음 대화로 자동 전파하지 않습니다. 그래서 첨부 방식 두 가지를 시점에 맞게 씁니다.
| 방식 | 용도 | 시점 |
|---|---|---|
| 🅐 채팅창 드래그 앤 드롭 (1회용) | 그 대화 한 번에만 쓸 자료 | 실습 2-1에서 step2-campaign-report.md 처음 보낼 때 |
| 🅑 Project [파일] 영역에 미리 임포트 (누적용) | 이어지는 대화가 모두 참조할 자료 | 실습 2-2 진입 전부터 step2-card-statement.csv·step2-utility-bill.md, 실습 3 진입 전 step3-search-targets.md 추가 |
단계 0에서는 [파일] 영역에 아무것도 안 올려두고 지침만 입력합니다. 파일은 각 실습 직전에 필요할 때 [파일] 영역에 추가하거나 채팅창에 드랍합니다.
본인 자료 변주: 영업 실적표·개발 릴리즈·기획안·HR KPI 등 본인 직무 자료가 있다면 같은 방식으로 [파일] 영역에 같이 올려두세요. 민감정보는 미리 가명·둥근 숫자로.
단계 4·5도 같은 Chat Project 안에서 Artifact로 진행합니다. Cowork·자동 갱신은 부록(Pro+).
0-4. 세팅 완료 확인
새 대화창에 "내가 누군지 한 줄로 요약해줘"만 보내보면 됩니다. 지침이 받쳐주는지 1초 만에 확인 가능.
0-5. 강사 운영 노트 — 학생 실패 모드 두 가지
| 실패 | 증상 | 대응 |
|---|---|---|
| 지침 입력 빼먹기 | 0-4 확인 응답이 마케터 페르소나 톤이 아니라 일반 답변 ("저는 AI 어시스턴트입니다…") | 실습 1 들어가기 전 보조강사가 1:1로 지침 박스 다시 확인 |
| [파일] 탭 비워두기 | 실습 2 프롬프트를 보내도 AI가 "첨부된 파일이 없습니다"라고 답함 | Project 사이드바 [파일] 탭에서 step2-campaign-report.md 업로드 안내, 본인 자료 변주 학생은 본인 파일도 같이 |
두 케이스 모두 실습 1 시작 직후 강사가 "지침 확인 한 번씩 같이 해볼게요" 30초 시연으로 일괄 점검하면 가장 효율적.
요금제: 본편 단계 1~5는 Claude 무료 플랜 하나로 전부 가능 (Projects·Artifacts·웹검색·파일업로드 무료 포함). Pro $20/월은 부록(Cowork Live Artifacts·Scheduled 자동 갱신)·응답 속도가 필요한 분에게만.
실습 1 — 말 걸어보기 (생활 · 분기 체크리스트)
도구: 단계 0에서 만든 Claude Project (Chat 모드). 지침이 페르소나를 받쳐주니 본문은 짧아도 충분합니다.
프롬프트 1-1 (김민지씨 그대로 시작)
페르소나·직업·가구는 단계 0 Project 지침에 이미 들어 있으므로 본문엔 다시 적지 않습니다.
이번 분기에 챙겨야 할 생활 일들을 카테고리(돈·서류·건강·휴식)로 나눠서
체크리스트로 정리해줘. 각 카테고리 5개 이내.
프롬프트 1-2 (재질문 — 실행 가능성)
좋아. 각 항목 옆에 다음 2개를 추가해줘.
1) 이번 주 시작할 수 있는 "첫 행동" 한 줄
2) 예상 소요시간 (5분 / 30분 / 1시간 이상)
표 형태로. 애매한 건 "사람 검토 필요" 표시.
프롬프트 1-3 (본인 변주 — 지침 한 줄만 바꾸기)
본인 직무·연차·가족구성이 김민지씨와 다르면 Project 지침 첫 줄만 수정한 뒤 새 대화에서 그대로 다시 받아보세요. 본문에 다시 적을 필요 없습니다.
방금 만든 체크리스트를 Project 지침에 맞게 1~2개만 다듬어 줘.
나머지는 그대로.
단계 1은 생활(분기 챙길거리)만. 최신 일정·청약 공고는 단계 3에서.
실습 2 — 사진·파일 같이 보내기 (업무 · 캠페인 결과 + 생활 옵션)
도구: 같은 Project (Chat 모드). 두 단계로 나뉩니다 — 2-1은 채팅창 드래그 앤 드롭(1회용), 2-2부터는 [파일] 영역에 미리 임포트(누적용).
2-1. 캠페인 보고서를 드래그 앤 드롭으로 한 번 분석
자료: samples/step2-campaign-report.md (다운로드 후 새 대화 채팅창에 드래그)
프롬프트 2-1
[step2-campaign-report.md 드래그 앤 드롭 첨부]
이 캠페인 핵심 KPI 3개만 짚어주고,
다음 캠페인에서 개선할 포인트 5개를 다음 표로 정리해줘.
| 개선 포인트 | 실행 난이도 | 예상 효과 | 첫 액션 (이번 주) |
|------------|------------|----------|-------------------|
난이도 쉬움/중간/높음, 효과 상/중/하. 출처 없는 건 "추정".
프롬프트 2-1-b (재질문 — 임원 보고 톤)
이 분석을 임원진에게 보고할 3줄 요약으로 압축해줘.
숫자 1개, 인사이트 1개, 다음 액션 1개. 존댓말.
2-2. 자주 쓸 파일은 [파일] 영역에 미리 임포트
먼저 Project 좌측 사이드바 [파일] 영역에 다음 두 파일을 미리 업로드:
samples/step2-card-statement.csv— 5월 카드 사용 95건samples/step2-utility-bill.md— 5월 전기·가스 고지서
이렇게 해두면 이후 실습 3 대화에서도 이 두 파일이 자동 참고됩니다 — 다시 첨부 안 합니다.
프롬프트 2-2 — 카드 + 공과금 묶어서 분석
[파일] 영역의 step2-card-statement.csv와 step2-utility-bill.md를 같이 보고,
1) 이번 달 카테고리별 합계와 상위 3개 카테고리
2) 이상치 거래 1~3건 (평소보다 큰 지출)
3) 5월 공과금이 4월·작년 5월과 어떻게 다른지 요점 2줄
4) 다음 달 줄이면 좋을 항목 3개 + 줄이는 방법 1줄
2-3. 본인 직무로 변주 (옵션)
본인이 가져온 자료(영업 실적표 / 개발 릴리즈 / 기획안 / HR KPI 등)도 같은 방식 — 한 번만 쓸 자료는 드래그, 이어서 계속 참고할 자료는 [파일] 영역 임포트.
비교 한 줄 공유: 업무 데이터(2-1) vs 생활 데이터(2-2) 중 어느 분석이 본인에게 더 와닿았는가?
실습 3 — 도구 사용하기 (생활 · 검색 + 자동 발송)
도구: 같은 Project (Chat 모드). 지침과 [파일] 탭이 그대로 — 본문은 짧아도 충분합니다.
3-1. 웹 검색 (학생 직접)
도구·켜는 법
- Claude: 답변 중 자동 웹 검색이 켜집니다. "최신 정보 검색해줘"라고 명시해도 좋아요.
- 본편은 Claude 하나로 진행합니다 (평소 다른 도구도 비슷한 방식).
사전 준비: Project [파일] 영역에 samples/step3-search-targets.md를 추가합니다. 이 파일은 사용자 본인의 분기 체크리스트(청약·세금·연차·건강검진·세미나) 모음으로, AI가 이걸 보고 어느 항목을 검색할지 골라 갑니다.
프롬프트 3-1 (체크리스트 항목 골라 웹 서치)
[파일] 영역의 step3-search-targets.md에서 "이번 주 청년 무주택자 청약 신규 공고"
항목을 골라, 웹 검색으로 최신 정보를 가져와 줘.
- 출처 URL 1개 이상
- 마감일이 있으면 D-day 표시 (오늘 기준)
- 확실하지 않으면 "확인 필요"
- 5줄 이내 요약
- 캘린더 옮기기 좋게 [제목·날짜·장소·준비물 한 줄] 첨부
한 번 더 — 다른 항목
같은 방식으로 step3-search-targets.md의 "이번 주 무료/저가 마케팅 세미나"
항목도 웹 검색으로 가져와 줘.
체크리스트엔 청약 말고도 세금·연차·건강검진·세미나가 미리 들어 있어요 — 본인 관심사 1~2개 더 시도해 보세요.
3-2. 스케쥴 / Tasks (강사 시연 위주)
오늘 본편은 Claude의 자동 웹 검색까지. 매일 자동 발송은 후속 클래스 "에이전틱 AI × 기초"에서. 참고용 예시 프롬프트:
매일 아침 9시에 보내줘.
1) 코스피·코스닥 헤드라인 5개 (출처 포함)
2) 직장인 마케터 트렌드 헤드라인 3개
3) 어제 발표된 AI 도구 1개 (한 줄 요약)
매주 금요일 오후 5시.
- 이번 주 청년 무주택자 청약 신규 공고 1개 (D-day)
- 다음 주 직장인 직무 세미나 무료 1개
- 다음 주 챙길 마감 1개 (연차·세금·건강검진 중)
무료 사용자는 강사 시연만. 단계 5 대시보드에서 "오늘의 정보" 위젯으로 비슷한 효과.
실습 4 — 결과물 만들기 (Chat Artifact)
v5: Cowork·로컬 폴더 연결을 없앴습니다. 실습 4·5는 단계 0에서 만든 같은 Chat Project 안에서 Artifact로 진행합니다 — 무료 플랜도 전부 가능. (Cowork으로 매일 자동 갱신까지 하고 싶은 분은 맨 아래 "부록" 참고)
자료: 단계 0에서 [파일] 영역에 올려둔 04-deliverable-brief.md(결과물 4종 명세) + 02-campaign-analysis.md 가정 산출물. 본편 자료라 다시 첨부 안 합니다.
4-1. 대표 실습 — 캠페인 인포그래픽 1장 (모두 시도)
프롬프트 4-1 (임원 보고 톤)
숫자·캠페인 이름은
02-campaign-analysis.md, 형식·스타일은 **04-deliverable-brief.md**가 [파일] 영역에서 받쳐주므로 본문엔 "어떤 파일·어느 명세"만 짚으면 됩니다.
[파일] 영역의 04-deliverable-brief.md "1. 캠페인 인포그래픽" 명세대로,
02-campaign-analysis.md 숫자로 정사각형 인포그래픽 카드 1장을
Artifact로 띄워줘. (우측 미리보기 패널에 바로)
프롬프트 4-2 (재질문 — 동료 공유 톤)
같은 데이터로 1장 더 만들어줘. 이번엔:
- 일러스트 느낌, 친근한 톤, 이모지 3개
- "수고했어요!" 메시지 1줄
- 동료한테 슬랙에 공유할 톤
캡처 → 옆사람에게 보여주기 → 둘 중 마음에 드는 거 1장 메모.
4-2. 강사 메뉴 시연 (각 30초)
| 형식 | 도구 | 사용 시점 |
|---|---|---|
| 주간 보고서 PDF | Artifact → 다운로드 | 매주 금요일 캠페인·콘텐츠·CS 통합 보고 |
| SNS 콘텐츠 카드 3장 | Artifact (HTML 카드 시리즈) | 캠페인 런칭/중간/마감 공지 |
| 회의록 요약 PT | Artifact → Marp 슬라이드 | 회의 직후 결과 보고 |
| 1분 영상 시나리오 | 텍스트 시나리오 + 자막 | 짧은 캠페인 티저 |
본인이 흥미 있는 형식 1개 메모. 시간 남으면 시도 (자세한 프롬프트는 04-deliverable-brief.md).
실습 5 — 나만의 대시보드 만들기 ⭐ (업무+생활 통합)
v5: Cowork 없이 Chat Project + Artifact로 완결합니다. 무료 플랜 전원 가능.
5-1. Artifact로 6위젯 대시보드 띄우기
프롬프트 5-1
데이터·명세는 [파일] 영역의
05-dashboard-spec.md+02-campaign-analysis.md등이 받쳐줍니다. 잘림을 줄이려면step5-dashboard-starter-localStorage.html을 [파일] 영역에 같이 올려두고 "이 시작점에 위젯/데이터를 더해줘"로 증분 진행하세요.
[파일] 영역의 step5-dashboard-starter-localStorage.html을 시작점으로,
05-dashboard-spec.md 명세대로 "내 5월 점검판" 대시보드를 Artifact로 띄워줘.
본편 필수는 4위젯이면 충분:
- 위젯 1 캠페인 진행 (02-campaign-analysis.md)
- 위젯 3 KPI 트래커 (02-campaign-analysis.md "핵심 KPI 3")
- 위젯 5 오늘의 루틴 (01-quarter-checklist.md "이번 주 첫 행동")
- 위젯 6 통합 캘린더 (03-search-results.md "다음 액션")
인터랙션: 투두 체크 토글, 변동 지출 입력 → 화면 갱신.
(여유 되면 위젯 2 SNS·위젯 4 도넛까지 6위젯 = 보너스)
잘림 복구 프롬프트 — 코드가 중간에 끊기면 당황 말고:
코드가 중간에 끊겼어. 마지막으로 출력한 줄부터 이어서 나머지만 출력해줘.
5-2. 다운로드 → 바탕화면 → 매일 누적 (영속성)
Artifact 화면 안에서는 sandbox 때문에 localStorage가 안 됩니다. 코드를 다운로드해 본인 PC에서 열면 sandbox 밖이라 localStorage가 정상 작동 — 매일 누적되는 진짜 사령탑이 됩니다.
- Artifact 우측 하단
</> 코드→ 다운로드(또는 코드 복사) — 무료 플랜도 동일하게 가능 - 파일명을
점검판.html로, 바탕화면에 저장 (매일 같은 자리에서 찾기 위한 의례) - 그 파일을 더블클릭 — 브라우저가 열리고, 끝. (인터넷·설치·계정 불필요)
- 투두 체크·변동 지출 입력 → 새로고침해도 그대로 누적 (localStorage)
- 다음에 더 손보고 싶으면? → 오늘 쓴 같은 Chat Project를 다시 열어 "지난번 점검판에 위젯 하나 더" 라고 이어 말하면, 그 대화·자료·맥락이 Project에 남아 이어서 개선됩니다.
막혔을 때 안전망: Artifact 코드가 자꾸 잘리거나 시간이 부족하면,
samples/step5-dashboard-starter-localStorage.html을 그대로 다운로드 → 바탕화면 저장 → 더블클릭. 완성본이 이미 매일 누적 동작합니다. 거기서 본인 데이터만 바꾸면 끝.
5-3. 완료 기준 (본편)
- ☐ Artifact에 대시보드 1페이지 표시 (위젯 4개 이상이면 성공, 6개는 보너스)
- ☐ 투두 체크박스 1개 이상 클릭 → 시각 반응
- ☐ 코드 다운로드 1회 → 바탕화면
점검판.html저장 → 더블클릭 실행 확인 - ☐ (보너스) 본인 PC에서 입력·체크가 새로고침 후에도 누적
옆사람에게 30초 보여주기. 본인 직무 변주가 들어갔다면 어디가 바뀌었는지 1줄 공유.
5-4. 더 깊게 (부록 — Pro $20+ / 후속 클래스)
본편으로 충분하지만, "매일 자동으로 갱신"까지 원하면:
- Cowork + Live Artifacts (Pro+): 다운로드 없이 Artifact 자체가 새로고침 뒤에도 데이터 유지
- Cowork Scheduled (Pro+):
appendix-pro/scheduled-jobs.md의 6작업 — 매일 09:00 뉴스·KPI·D-day 자동 갱신 - Claude Code / Cursor, Supabase MCP·Vercel: "에이전틱 AI × 기초" / "바이브코딩 × 기초" 후속 클래스
부록은 본편이 끝난 뒤 "더 해보고 싶은 분"을 위한 보너스 트랙입니다 — 본편은 무료 플랜으로 누구나 완주합니다.
미완성 백업 — 손글씨 마케터 점검판
화면 생성이 어렵다면 본인 마케터 점검판 구성 요소 5개 + 우선순위 손글씨로 작성. 완료 인정.
- 가장 중요한 위젯: __________________
- 그 다음: __________________
- 그 다음: __________________
- 그 다음: __________________
- 마지막: __________________
사람 검토 체크리스트
AI 결과를 그대로 믿지 말고:
- 실제 마감·금액·KPI 숫자가 맞는가?
- 검색 결과의 출처는 신뢰할 만한가?
- 민감 정보(고객명·실제 KPI·계좌)가 들어가 있지 않은가?
- AI가 사실을 지어내지 않았는가?
- 외부 발송·임원 보고 전 내가 검토하는가?
영속성 — 2층으로 나눠 무료로 완결
영속성을 "하나"가 아니라 두 층으로 나누면 무료 플랜으로 끝까지 갑니다.
| 층 | 정의 | 보장처 | 무료 |
|---|---|---|---|
| ① 개발 맥락 | 페르소나·자료·이전 대화 맥락이 남아 다음에 이어 개선 | Chat Project 지침(자동) + [파일] 영역(자동 참조) + 같은 Project 재방문 | ✅ |
| ② 런타임 데이터 | 매일 입력·체크가 새로고침 후에도 누적 | Artifact 코드 다운로드 → 바탕화면 점검판.html → 더블클릭(sandbox 밖이라 localStorage 작동) | ✅ |
핵심: Artifact 화면 안에서는 sandbox 때문에 localStorage가 막힙니다. 하지만 코드를 다운로드해 본인 PC에서 열면 sandbox 밖이라 정상 작동 — 이 한 끗으로 무료 플랜도 매일 누적되는 사령탑을 가집니다. (다운로드는 무료 포함 전 플랜 동일)
주의(정직 서술): "Artifact를 Project에 두면 다음 대화에서 자동으로 이어진다"는 사실이 아닙니다. Chat Project는 지침·[파일]만 자동 전파합니다. Artifact 산출물을 이어가려면 (a) 같은 대화를 계속 쓰거나 (b) 다운로드본을 [파일] 영역에 다시 올려야 합니다(반자동, 사용자 행동 필요).
부록 (Pro $20+ — 본편 아님)
| 옵션 | 영속성 | 조건 | 위치 |
|---|---|---|---|
| Cowork + Live Artifacts ON | ✅ 다운로드 없이 새로고침 뒤에도 유지 | Pro/Max/Team/Enterprise | 부록·심화 |
| Cowork Scheduled (매일 자동 갱신) | ✅ 매일 09:00 뉴스·KPI·D-day 자동 | Pro+ | appendix-pro/scheduled-jobs.md |
| Supabase MCP / Vercel 풀스택 | ✅ 클라우드 DB·URL 공유 | 후속 클래스 | "에이전틱 AI × 기초" / "바이브코딩 × 기초" ⭐ |
부록은 본편이 끝난 뒤 "더 해보고 싶은 분"을 위한 보너스 트랙입니다. 본편은 무료 플랜으로 누구나 완주합니다.
참고 자료
- What are artifacts and how do I use them (Anthropic Help)
- Claude Live Artifacts (eigent.ai) — 부록
- Use live artifacts in Claude Cowork (Anthropic Help) — 부록
내 케이스로 갈아끼우기 (5분)
본편을 김민지 마케터 시나리오로 끝까지 따라가신 뒤, your-template/ 의 자료로 본인 페르소나로 단계 1~5를 다시 돌릴 수 있습니다. 폴더 연결이 아니라 Chat Project에 올리는 방식이라 무료 플랜 그대로:
- 새 Chat Project 생성 →
00-project-지침.md내용을 지침 박스에 붙여넣기 (페르소나 첫 두 줄만 본인으로) 02-work-data-template.md에 본인 영업/개발/기획/HR 데이터 1건 (가명·둥근 숫자) → [파일] 영역 업로드- 나머지
01·03·04·05양식은 김민지 그대로 두고 [파일] 영역에 올림 (한 줄씩만 변주해도 본인 톤) - 실습 1~5를 본편과 같은 프롬프트로 진행
- 실습 5에서 Artifact 다운로드 → 바탕화면
점검판.html→ 본인 사령탑 완성
자세한 가이드: your-template/README.md.
| 직군 | 00-project-지침.md 첫 두 줄 변주 예시 |
|---|---|
| 영업 5년차 | 1994년생 B2B 영업 / 분당 부부+1, 강아지 한 마리 |
| 개발 1년차 | 1998년생 백엔드 / 강남 1인가구, 회사 도보 15분 |
| 기획 8년차 | 1991년생 서비스 기획 / 마포 부부+0, 자취 5년차 |
| HR 3년차 | 1996년생 HR 매니저 / 송파 1인가구, 통근 50분 |
본편 시간 안에는 단계 1~3을 김민지로 빠르게 체험한 뒤, 단계 4·5만 본인 데이터로 갈아끼우는 흐름이 가장 추천됩니다. 강사·보조강사가 옆에서 도와드립니다.
후속 클래스 연결
오늘 만든 마케터 점검판을 더 키우고 싶다면:
- AI 도구·기능 더 다양하게 → AI 툴 활용 × 초급
- 매일 자동 실행되는 작업 (Tasks·MCP·Supabase Connector) → 에이전틱 AI × 기초
- 오늘 만든 대시보드를 본격 웹·앱 + Vercel·Supabase 배포 → 바이브코딩 × 기초 ⭐
- Sheet·Notion·Zapier 실제 연결 → AX 클래스
라이선스 / 출처
- 본 데모 팩은 SemiClass 비정기 클래스 "AI 쉽고 재밌게 활용하기: 기초편" 운영 자료.
- 가상 페르소나 김민지씨, 가상 캠페인·KPI·카드 사용 내역. 실제 인물·회사·데이터와 무관.
- 본 자료는 자유롭게 변주·재배포 가능 (CC BY 4.0).
- 강의 등록 / 후속 트랙 안내: https://semi-colon.space/lectures/semiclass-ai-basic-automation