프로젝트 소개

visual-explainer는 복잡한 터미널 출력을 스타일링된 자체 포함 HTML 페이지와 슬라이드 덱으로 변환하는 에이전트 스킬입니다. 확대/축소 및 팬 기능이 있는 대화형 Mermaid 다이어그램, 다크/라이트 테마, 선택적 PPTX 내보내기를 지원합니다. 이 스킬은 여러 AI 하네스에서 작동합니다: Claude Code(마켓플레이스 플러그인), Pi(네이티브 도구), MCP 호스트, Antigravity CLI, Codex CLI, OpenCode/opencode, Cursor, 그리고 사용자 지정 지침을 통한 VS Code Copilot. 설치 방법은 플랫폼에 따라 다르며, 종종 plugins/visual-explainer 디렉터리를 적절한 스킬 폴더에 복사하는 작업이 포함됩니다. 핵심 명령어로는 /generate-web-diagram, /diff-review, /plan-review, /project-recap, /generate-slides, /fact-check 등이 있습니다. 빠른 모드는 빠른 렌더링을 위해 간결한 JSON 사양을 허용하며, 슬라이드 모드는 페이지 매김된 덱을 생성합니다. 테마는 실시간으로 전환할 수 있으며, 스킬은 큰 테이블에 대해 HTML을 자동으로 렌더링합니다. 저장소에는 프롬프트 템플릿, 네이티브 Pi 도구, MCP 서버, PPTX 변환 유틸리티가 포함되어 있습니다.