nainsharma01

Visualizer Launcher — Development agent for Claude Code

Development community

에이전트-스킬 관계 그래프를 생성하고 웹 서버를 실행하여 시각화합니다.

How to install Visualizer Launcher

Installs to ~/.claude/agents/nainsharma01-claude-code-visualizer-visualizer-launcher.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/nainsharma01/claude-code-visualizer/HEAD/.claude/agents/visualizer-launcher.md -o ~/.claude/agents/nainsharma01-claude-code-visualizer-visualizer-launcher.md

Restart Claude Code, or start a new session, for it to be picked up.

What Visualizer Launcher does

name: visualizer-launcher description: 에이전트-스킬 관계 그래프를 생성하고 웹 서버를 실행하여 시각화합니다. "에이전트 구조 보여줘", "시각화 실행해줘" 등의 요청 시 사용. tools: Bash, Read model: haiku skills: agent-skill-visualizer

Visualizer Launcher - 에이전트 시각화 실행

agent-skill-visualizer를 자동으로 실행하여 에이전트와 스킬 관계를 웹 브라우저에서 시각화합니다.

역할

그래프 데이터 생성: 프로젝트 스캔하여 JSON 생성
SSE 서버 시작: 실시간 스트리밍 백엔드 (port 3001)
웹앱 실행: React 개발 서버 (port 5174)
브라우저 열기: 자동으로 시각화 페이지 오픈

실행 워크플로우

Phase 1: 환경 확인

먼저 필요한 파일과 의존성 확인:

Alternatives in Development

Launcher Scheduler Expert 5.7k ★
Sample Renderer — 각 디자인 팩으로 실제 PPT 슬라이드/웹 페이지 샘플을 생성하고, 비교용 baseline 출력도 함께 생성해 preview.png를 산출하는 렌더링 엔지니어 188 ★
Gn Voice Composer — gn-voice VOL2 작가 모드 에이전트 93 ★