Communitygithub.com

코스 영상 2단계: 실제 화면 튜토리얼

실제 웹사이트나 데스크톱 앱을 녹화해 작업 흐름을 제품 쇼케이스나 단계별 튜토리얼로 만듭니다. OpenScreen 환경을 사용합니다.

코스 영상 2단계: 실제 화면 튜토리얼란 무엇인가요?

코스 영상 레시피 2단계(실습 데모). 에이전트가 실제 사이트나 프로그램을 녹화하고 클릭 단위로 흐름을 담아 단계별 튜토리얼이나 제품 쇼케이스로 정리합니다. 강의에서 정지 화면 대신 진짜 도구를 보여줄 수 있습니다.

지원 대상✓Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/aievolutionpl/social-motion-agent/tree/HEAD/.agents/skills/screen-tutorials

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

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

문서

Nagrania, pokazy i tutoriale narzędzi AI

프로젝트 루트는 이 스킬 폴더보다 세 디렉터리 위에 있습니다. START_HERE.md를 읽은 다음 workflows/SCREEN_TUTORIALS.md를 읽으십시오. 런타임, 비교 및 제한 사항: docs/OPENSCREEN.md; 현재 확인: 현재 작업 HANDOFF.md.

요청 라우팅

  • 짧은 제품/기능 데모 → python -S studio.py route showcase.
  • 재현 가능한 단계가 포함된 교육용 레슨 → python -S studio.py route tutorial.
  • 원시 녹화는 어느 라우트의 캡처 단계로, 요청되지 않은 음성, 카메라 또는 게시를 추가하지 않습니다.

새로운 영화에 대해 기존의 5가지 질문 인테이크를 사용하십시오. 도구, 학습자, 결과, 지속 시간/플랫폼 및 내레이션에 맞게 질문을 조정하십시오. 알려진 답변과 기존 브랜드 결정을 재사용하십시오. 이 통합을 추가하거나 기술적 픽스처를 실행하는 것은 새로운 창의적인 영화가 아니며 인테이크 라운드가 필요하지 않습니다.

지침을 작성하기 전에 데모 대상 도구의 현재 공식 문서와 실제 UI를 조사하십시오. URL/버전/날짜, 전제 조건, 계정 등급 및 레슨과 관련된 제한 사항을 기록하십시오. 실제 작업과 결과를 보여주십시오. 시뮬레이션된 인터페이스는 실제 애플리케이션의 영상으로 제시되어서는 안 됩니다.

캡처 및 편집

OpenScreen은 선택된 레코더 및 데모 편집기입니다. config/openscreen.json을 통해 구성된 별도로 설치된 런타임과 함께 scripts/openscreen.py를 사용하십시오. 업스트림 스킬은 tools/repos/openscreen/plugin/skills/openscreen-demo/SKILL.md입니다. 해당 MCP 워크플로는 해당 도구가 실제로 연결된 경우에만 사용할 수 있습니다. 기존 CLI는 전역 MCP 등록이나 새 에이전트 세션 없이도 작동합니다. MCP가 없어도 CLI가 가능한 작업을 중단하지 마십시오.

유한한 지속 시간 동안 고유한 이름의 준비된 애플리케이션 창 하나를 녹화하십시오. 래퍼는 선택기가 정확히 하나의 창과 일치하는지 확인하고 절대 데스크톱으로 대체하지 않습니다. 깨끗한 프로필/데모 데이터를 사용하고, 비밀과 알림은 테이크 외부에 두십시오. 요청된 영화에 도움이 되는 경우에만 마이크, 시스템 오디오 또는 카메라를 활성화하십시오. 원시 영상, .cursor.json, 웹캠/오디오 사이드카 및 프로젝트를 함께 작업에 저장하십시오. pack은 현재 레거시 v2 프로젝트를 처리합니다. 편집기/자막 생성 문서는 해당 자산을 별도로 수집해야 합니다.

브라우저 자동화는 물리적 포인터를 움직이지 않습니다. 실제 작업 타임스탬프와 좌표를 보존하십시오. MCP가 연결된 경우 현재 스키마에 설명된 매핑으로 setPointerTrack을 통해 이를 제공하십시오. 그렇지 않으면 의도적인 수동 확대/축소 및 콜아웃을 사용하십시오. 텔레메트리가 없을 때 자동 확대/축소에 클릭 데이터가 있다고 주장하지 마십시오. 세로 방향 적응에서 실제 UI를 읽을 수 있도록 유지하십시오. 의도적으로 프레임을 다시 구성하거나 자르십시오.

폴란드어 내레이션의 경우 자체 음성 ID와 함께 scripts/voiceover.py를 사용하고 선택한 음성을 안정적으로 유지하십시오. OpenScreen --audio는 내보내기 중에 음성 해설을 믹싱하는 반면, 해당 captions 명령은 녹화의 오디오를 읽습니다. 내보내기 시 추가된 음성 해설은 자동으로 자막을 받지 않습니다. 기존 자막 워크플로로 실제 VO에서 자막을 생성/정렬하거나 자막 처리 전에 내레이션이 이미 믹싱된 녹화를 사용하십시오. 무음 캡처를 위해 불필요한 Whisper 모델을 다운로드하지 마십시오.

검토 및 전달

올바른 창, 실제 기능 동작, 읽기 가능한 컨트롤, 일관된 커서/확대/축소 및 내레이션 타이밍에 대한 초안을 검사하십시오. 전체 내보내기, ffprobe/디코드 실행, 최종 프레임 검사, 이름/발음 확인을 수행하십시오. 원본 녹화와 편집 가능한 프로젝트를 보관하십시오. 선택한 MP4를 일반 작업 자산/타임라인/프로브/검토/패키징 워크플로에 등록하십시오.

테스트된 기능은 테스트되지 않은 데스크톱 캡처, 마이크/웹캠, MCP 연결 및 계정 액세스와 별도로 보고하십시오. 기존 파일 이름이나 CLI 도움말에서 성공적인 녹화를 추론하지 마십시오. 이 호스트의 기본 Electron 명령은 제한된 샌드박스 외부에서 실행해야 합니다. 이를 우회하기 위해 Chromium 보안을 비활성화하지 마십시오. 게시는 기존의 명시적 승인 규칙을 따릅니다.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

관련 스킬