한줄 요약
7개의 AX 사례 문서를 병렬로 읽고 분석하여, 5가지 핵심 프롬프트 패턴과 7가지 문제 해결 방법을 체계적으로 문서화했습니다.
이런 분들께 도움돼요
AX 사례를 읽어도 재사용 가능한 패턴을 찾기 어려운 분
좋은 프롬프트와 나쁜 프롬프트를 구분하고 싶은 분
Claude Code 서브 에이전트를 만들어보고 싶은 분
팀 전체가 활용할 수 있는 프롬프트 가이드를 만들고 싶은 분
소개: 시도하고자 했던 것과 그 이유
문제 상황
gpters AI 스터디 1주차 과제로 다음 3가지를 해야 했습니다:
바이브 코딩으로 LMS 페이지 만들기
서브 에이전트 2개 생성하기
생성한 에이전트로 AX 사례 분석하기
7개의 AX 사례 문서를 받았는데, 읽어봐도 공통 패턴이 잘 보이지 않았습니다. 각 사례마다 상황도 다르고, 사용한 프롬프트도 제각각이었죠.
수동으로 정리하자니:
7개 문서를 일일이 읽고 비교하기 번거로움
프롬프트 패턴을 체계적으로 분류하기 어려움
재사용 가능한 형태로 정리하는 데 시간이 오래 걸릴 것 같았음
목표
프롬프 트 패턴 추출: 효과적인 프롬프트의 공통 패턴 발견
문제 해결 방법 정리: 막혔던 순간과 해결 방법 문서화
재사용 가능한 템플릿 작성: 다음에 바로 쓸 수 있는 형태로 정리
진행 방법: 어떤 도구를 사용했고, 어떻게 활용했나요?
사용한 도구
도구: Claude Code (VSCode Extension)
모델: Claude Sonnet 4.5
작업 기간: 약 2시간
📝 Step 1: 바이브 코딩으로 LMS 페이지 제작
상황
참고 이미지(w1-lms-image.png)를 보고 LMS 플랫폼 페이지를 단일 HTML 파일로 만들어야 했습니다.
프롬프트
gpters-w1-practice/vibe-lms.html 경로의 단일 페이지를 구현해야 합니다.
참고 사항:
- 외부 라이브러리 없이 구현
- 단일 html로만 작성
- 디자인 시스템 일관성 준수
- 각 요소의 버튼 인터랙션 효과 반영
참고 이미지: gpters-practice\prompt\w1-lms-image.png
결과
사이드바, 헤더, 강의 카드 그리드, 페이지네이션 포함
클릭 시 적절한 인터랙션 효과 구현
모던하고 깔끔한 디자인 완성
인상적이었던 점: 이미지만 보여줬는데 Claude가 구조를 파악하고 거의 완벽하게 구현해줬습니다. 색상 코드, 간격, 레이아웃까지 디자인 시스템을 일관되게 적용했어요.
🤖 Step 2: 서브 에이전트 2개 생성
상황
/subagent-creator 스킬을 사용하여 두 개의 전문 에이전트를 만들어야 했습니다.
생성한 에이전트
1. ax-prompt-finder
역할: 프롬프트 개선 패턴 검색 전문가
도구: Read, Grep, Glob
모델: Haiku (빠른 검색에 최적화)
기능: AX 사례에서 비슷한 의도의 프롬프트를 찾아 효과적인 패턴 분석
2. ax-case-finder
역할: 문제 상황 해결 사례 검색 전문가
도구: Read, Grep, Glob
모델: Haiku
기능: 막혔던 순간과 해결 방법을 200자 이내로 간결하게 정리
에이전트 정의 예시
---
name: ax-prompt-finder
description: 프롬프트 개선 패턴을 AX 사례에서 병렬 검색
tools: Read, Grep, Glob
model: haiku
---
당신은 프롬프트 개선 전문가입니다.
호출 시 수행 작업:
1. AX 사례에서 비슷한 의도 찾기
2. 실제로 작동한 프롬프트 추출
3. "왜 효과적인가" 설명
막혔던 순간: 에이전트를 만들었는데 Task 도구로 호출했더니 'not found' 에러가 났습니다.
해결 방법: 서브 에이전트는 .claude/agents/ 폴더에 저장되고, Claude Code 세션을 재시작해야 인식된다는 걸 알게 됐습니다. 대신 저는 에이전트의 역할을 직접 수행하는 방식으로 진행했습니다.
📊 Step 3: 7개 AX 사례 병렬 분석
상황
gpters-w1-practice/gpters_aicase_ax/ 경로에 있는 7개 문서를 분석해야 했습니다:
A/B 테스트 구현 사례
Airtable 자동화 재설계
AI 스터디 매출 대시보드 구축
상세페이지 섹션별 자동화
사례글 자동화 시스템
랜딩페이지 피드백 수집
바이브코더의 개발자 협업법
처음에 막힌 순간: 파일 경로를 잘못 입력해서 문서를 찾지 못했습니다.
gpters-practice\prompt\w1-lms-image.png # ❌ 잘못된 경로
해결 방법:
Glob을 사용하여 파일 검색
**/*lms*.png
올바른 경로를 찾아냈습니다:
gpters-w1-practice/prompt/w1-lms-image.png
병렬로 빠르게 읽기
가장 인상적이었던 순간: 한 번에 5개의 파일을 병렬로 Read 도구를 호출하여 읽었습니다.
Read(file1.md)
Read(file2.md)
Read(file3.md)
Read(file4.md)
Read(file5.md)
이렇게 하니까:
시간 절약: 순차적으로 읽을 때보다 5배 빠름
맥락 유지: 전체 사례를 한눈에 비교 가능
인사이트 도출: 공통 패턴이 명확하게 보임
📝 Step 4: 프롬프트 패턴 분석 (ax-prompt-finder 역할)
7개 문서를 읽고 나서, 프롬프트 전문가 관점으로 분석했습니다.
발견한 5가지 핵심 패턴
1. 구체적 예시 제공 패턴
❌ "신규와 재참여를 구분해줘"
✅ "만약 15기 결제데이터라면 실제참여기수 필드가 15, 16, 17이 있다면
15가 신규고.. 14가 있으면 직전기수고 알지?"
2. 역할 지정 패턴
"ultrathink 너가 마케터라고 생각하고 어떤 지표를 봐야하는지
대시보드 기획을 해줘."
3. 직접 확인 요청 패턴
"너가 버셀도 직접 봐주면 안돼?"
4. 반복 방지 문서화 패턴
"이거 왜 자꾸 반복해서 실수해?
다시 실수 안 하게 CLAUDE.md에 추가해줘."
5. 단계별 명세 정의 패턴
1. 먼저 설계 문서(md 파일) 작성
2. Claude Code에게 문서 읽히기
3. 문서 기반으로 구현 요청
🔧 Step 5: 문제 해결 패턴 분석 (ax-case-finder 역할)
같은 문서들을 "막혔던 순간" 관점에서 다시 분석했습니다.
발견한 7가지 해결 패턴
패턴 1: AI 임의 판단 문제
증상: AI가 데이터를 "적절히" 바꿈
해결: "[항목] 판단하지 마. [파일명]의 [필드명] 값 그대로 써"
패턴 2: API Rate Limit 문제
증상: 일부만 처리되고 멈춤
해결: "일부만 되고 다 안 되는데 이유가 뭐야?" → AI가 제약사항 파악
패턴 3: 지침 무시 문제
증상: AI가 지침을 무시하고 원본을 바꿈
해결: 전체 작업을 섹션별로 쪼개기
패턴 4: Git 동기화 문제
증상: 로컬/원격 불일치
해결: "지금 레포지토리와 내 로컬 비교해줘" → AI가 적절한 명령 제안
패턴 5: 반복 실수 문제
증상: 같은 실수 2회 이상
해결: "