📊

Visual Explainer

터미널의 읽기 힘든 ASCII 다이어그램과 파이프 구분 표를 브라우저에서 열 수 있는 세련된 HTML 페이지나 슬라이드로 바꿔주는 Claude 에이전트 스킬. 아키텍처 다이어그램, diff 리뷰, 계획 대조, 데이터 표, 프로젝트 회고에 적합합니다.

핵심 기능

텍스트를 HTML 페이지로
대화형 Mermaid 다이어그램
diff 리뷰와 계획 대조
다크/라이트 슬라이드

설치 방법

Claude Code(마켓플레이스):
/plugin marketplace add nicobailon/visual-explainer
/plugin install visual-explainer@visual-explainer-marketplace

Codex CLI: ~/.codex/skills/visual-explainer 에 복사
OpenCode: ~/.config/opencode/skill/visual-explainer 에 복사

사용 방법

대화에서 "인증 흐름 다이어그램 그려줘"라고 요청하거나 /diff-review 로 변경을 리뷰하고 /plan-review 로 계획 문서를 대조하면, 자체 완결형 HTML 페이지를 생성해 브라우저에서 엽니다. Claude Code에서는 명령에 /visual-explainer: 네임스페이스가 붙습니다.

Visual Explainer

핵심 기능

설치 방법

사용 방법

필요 조건

관련 스킬