Communitygithub.com

Sahil-SS9/agent-personas

데모 제작 워크플로우 — 브라우저 자동화, 화면 녹화, 편집, 워크스루, 전달까지 엔드 투 엔드로 제작합니다.

agent-personas란 무엇인가요?

이 스킬은 데모 제작 전 과정을 자동화하고 표준화하는 AI 에이전트 워크플로우입니다. 브라우저/데스크톱 자동화를 통해 실제 제품을 시드 환경에서 구동하며, 1080p 이상의 화면 녹화와 별도 오디오 캡처로 고품질 데모를 제작합니다. 퍼널 단계별 포맷 선택 (인지도/비교용 녹화 영상, 평가용 인터랙티브 데모, 엔터프라이즈용 라이브 세션)을 안내하고, 편집 시 줌/콜아웃으로 핵심 UI 영역을 강조하며, 캡션을 기본 활성화하고 불필요한 구간을 과감히 제거합니다. 모든 데모는 단일 명확한 CTA를 포함하며, UI 변경 시에도 작동 가능한 워크스루를 생성합니다. 주로 Claude Code, Cursor, Codex 등 AI 에이전트 플랫폼에서 사용되며, 미출시 기능 노출이나 저품질 오디오 같은 중지 조건을 자동으로 감지하여 안전한 데모 제작을 보장합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Sahil-SS9/agent-personas/tree/HEAD/skills/demo-production-workflow

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

데모 제작 워크플로우

사용 시기

  • 모든 규모에서 녹화형 또는 인터랙티브 제품 데모를 만들 때
  • 화면 녹화를 세련된 워크스루로 변환할 때
  • 라이브, 녹화형, 인터랙티브 데모 포맷 중에서 결정할 때

지침

  1. 포맷 선택 — 퍼널 단계에 따른 선택:
    • 인지도/비교 단계: 녹화 영상
    • 퍼널 하단 평가: 인터랙티브 클릭 가능 데모
    • 엔터프라이즈 딜: 라이브 세션 (질문에 답변 가능하나 확장성은 낮음)
    • 세 가지를 의도적으로 혼합하십시오.
  2. 캡처 (브라우저/데스크톱):
    • 시드 환경에서 실제 제품을 구동하십시오 (실제 고객 데이터 사용 금지). 반복 가능한 경로에는 브라우저 자동화를 사용하되, 사람 속도의 테이크를 녹화하십시오 — 자동화 속도는 인위적으로 느껴집니다.
    • 최소 1080p로 녹화하고 깨끗한 오디오는 별도로 캡처하십시오 (나쁜 오디오는 나쁜 비디오보다 신뢰도를 더 빨리 떨어뜨립니다). 테이크는 짧게 유지하고 잘못된 부분은 편집으로 수정하지 말고 다시 녹화하십시오.
  3. 편집 — 가독성 위주, 광택 위주 아님:
    • 줌/콜아웃으로 중요한 UI 영역으로 시선을 유도하십시오. 기본적으로 캡션을 활성화하십시오 (대부분의 시청자는 음소거 상태입니다). 불필요한 정적 구간은 과감히 제거하십시오.
    • 대상 길이: 인지도 3060초, 고려 단계 23분. 하나의 워크플로우를 깊이 보여주는 것이 다섯 가지 기능을 스치듯 보여주는 것보다 낫습니다.
  4. 워크스루 생성:
    • 단계별 가이드 변형 (인터랙티브 워크스루 도구)은 비디오와 동일한 스크립트를 공유합니다 — 단일 진실 공급원. 단계는 UI 변경을 견디거나 날짜가 표시된 스크린샷 갱신 계획을 포함해야 합니다.
  5. 전달 + 측정:
    • 데모당 하나의 구체적인 클릭 유도 문구(CTA)를 사용하십시오 (예: "무료 14일 체험", "더 알아보기"는 금지). 가능한 경우 참여도를 추적하는 플레이어를 사용하십시오. 한 번에 하나의 변수만 A/B 테스트하십시오. UI 릴리스 노트에 맞춰 갱신 주기를 설정하십시오.

중지 조건

  • 로드맵 레이블 없이 미출시 기능을 보여주는 데모는 절대 게시하지 마십시오.
  • 방송 수준 이하의 오디오 품질을 절대 제공하지 마십시오.

에스컬레이션

  • 안전하게 데모할 수 없는 제품 주장은 임시방편으로 해결하지 말고, QFS 작성 스킬에 격차로 라우팅하십시오.

관련 스킬