Community코딩 & 개발github.com

varkart/visualcave

대화형 기술 다이어그램을 독립형 HTML 파일로 생성하는 에이전트 스킬 — Mermaid.js, 다크 모드, 단계별 탐색, 내보내기

visualcave란 무엇인가요?

varkart/visualcave는 AI 에이전트가 Mermaid.js를 활용하여 대화형 기술 다이어그램을 독립형 HTML 파일로 생성할 수 있게 해주는 스킬입니다. 이 스킬은 다크 모드를 기본 지원하며, 사용자가 다이어그램을 단계별로 탐색할 수 있는 'step-through' 기능과 PNG/SVG 형식으로 내보내기 기능을 제공합니다. 주로 Claude Code, Cursor, Codex 등 AI 코딩 어시스턴트에서 사용되며, 개발자 문서나 프레젠테이션에 바로 임베드할 수 있는 독립형 파일을 생성하는 데 유용합니다. Mermaid.js의 다양한 다이어그램 유형(플로우차트, 시퀀스 다이어그램, 클래스 다이어그램 등)을 지원하며, 복잡한 기술 개념을 시각적으로 전달해야 하는 시나리오에서 특히 효과적입니다.

지원 대상~Claude Code~Codex CLI~Cursor✓Antigravity
Part ofMobile
npx skills add varkart/visualcave

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

visualcave은(는) 무엇을 하나요?

대화형 기술 다이어그램을 독립형 HTML 파일로 생성하는 에이전트 스킬 — Mermaid.js, 다크 모드, 단계별 탐색, 내보내기

관련 스킬