html-visualize

andy-skills

Andy가 만든 Claude Code 스킬 모음. 이 repo 자체가 Claude Code plugin marketplace다. 필요한 것만 선택 설치해서 쓰면 된다.

설치

처음 한 번만 marketplace 등록:

/plugin marketplace add Chang-Hyun-Hong/andy-skills

필요한 플러그인 설치:

/plugin install <plugin-name>@andy-skills

언제든 제거:

/plugin uninstall <plugin-name>@andy-skills

업데이트:

/plugin marketplace update andy-skills

사용 가능한 플러그인

html-visualize

현재 대화 맥락의 작업 내용을 single-file HTML로 시각화하여 임시 디렉토리에 저장하고 브라우저로 즉시 연다. Thariq Shihipar의 HTML이 Markdown보다 효과적 컨셉 기반으로 콘텐츠 유형을 자동 판별해 20개 카테고리(code-review, flowchart, status-report 등) 중 적절한 템플릿을 적용.

설치:

/plugin install html-visualize@andy-skills

호출: /html-visualize:html-visualize, "html로 보여줘", "시각화해줘"

환경변수 (선택):

환경변수	기본값	설명
HTML_VISUALIZE_DIR	/tmp	HTML 저장 디렉토리. 영구 보관하려면 ~/html-viz 같은 경로로 변경.
HTML_VISUALIZE_AUTO_OPEN	1	0이면 브라우저 자동 오픈 생략하고 경로만 출력.

OS 지원: macOS / Linux / Windows(Git Bash) 자동 감지.

OS	기본 temp dir	자동 오픈 명령
macOS	/tmp	open
Linux	/tmp	xdg-open
Windows	%TEMP%	start

Windows는 Claude Code 기본 셸인 Git Bash / MSYS 환경 가정. 순수 cmd / PowerShell 환경은 미검증.

디렉토리 구조

.
├── .claude-plugin/
│   └── marketplace.json          # plugin 목록
├── plugins/
│   └── html-visualize/
│       ├── .claude-plugin/
│       │   └── plugin.json
│       └── skills/
│           └── html-visualize/
│               └── SKILL.md
└── README.md

라이선스

MIT