문서 및 튜토리얼을 위해 브라우저 작업 흐름을 주석이 달린 GIF로 기록합니다. 브라우저 상호 작용에 대한 시각적 문서를 만들거나, 단계별 튜토리얼을 기록하거나, 지원 티켓을 위한 워크플로를 캡처할 때 사용하세요. '이 워크플로우 기록', 'GIF 튜토리얼 만들기', '이 프로세스를 GIF로 문서화', 'X를 GIF로 수행하는 방법 보여주기'와 같은 문구에서 트리거되거나 사용자가 시각적인 단계별 문서가 필요할 때 트리거됩니다. MCP 도구(tabs_context_mcp, gif_creator, 컴퓨터)를 통해 Chrome 브라우저 자동화와 함께 작동합니다.
명령줄에서 chrome-gif-recorder AI 스킬을 개발 환경에 빠르게 설치
출처: dawiddutoit/custom-claude.
Record browser workflows as annotated GIFs with visual indicators for clicks, drags, and actions. Produces professional documentation-ready GIFs with automatic frame capture, action annotations, and quality optimization.
Always start by getting tab context to identify available tabs:
This ensures you have a valid tabId for all subsequent operations.
문서 및 튜토리얼을 위해 브라우저 작업 흐름을 주석이 달린 GIF로 기록합니다. 브라우저 상호 작용에 대한 시각적 문서를 만들거나, 단계별 튜토리얼을 기록하거나, 지원 티켓을 위한 워크플로를 캡처할 때 사용하세요. '이 워크플로우 기록', 'GIF 튜토리얼 만들기', '이 프로세스를 GIF로 문서화', 'X를 GIF로 수행하는 방법 보여주기'와 같은 문구에서 트리거되거나 사용자가 시각적인 단계별 문서가 필요할 때 트리거됩니다. MCP 도구(tabs_context_mcp, gif_creator, 컴퓨터)를 통해 Chrome 브라우저 자동화와 함께 작동합니다. 출처: dawiddutoit/custom-claude.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/dawiddutoit/custom-claude --skill chrome-gif-recorder문서 및 튜토리얼을 위해 브라우저 작업 흐름을 주석이 달린 GIF로 기록합니다. 브라우저 상호 작용에 대한 시각적 문서를 만들거나, 단계별 튜토리얼을 기록하거나, 지원 티켓을 위한 워크플로를 캡처할 때 사용하세요. '이 워크플로우 기록', 'GIF 튜토리얼 만들기', '이 프로세스를 GIF로 문서화', 'X를 GIF로 수행하는 방법 보여주기'와 같은 문구에서 트리거되거나 사용자가 시각적인 단계별 문서가 필요할 때 트리거됩니다. MCP 도구(tabs_context_mcp, gif_creator, 컴퓨터)를 통해 Chrome 브라우저 자동화와 함께 작동합니다. 출처: dawiddutoit/custom-claude.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dawiddutoit/custom-claude --skill chrome-gif-recorder 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/dawiddutoit/custom-claude