markdown-viewer/skills

해결하는 문제

이 프로젝트는 AI 코딩 에이전트가 마크다운 내에서 전문적인 다이어그램, 데이터 시각화, 기술 문서를 생성할 수 있도록 하는 전문적인 지침(스킬) 세트를 제공합니다. 에이전트의 텍스트 작성 능력과 클라우드 아키텍처, UML 다이어그램, 데이터 차트와 같은 복잡한 시각적 표현 생성 능력 사이의 격차를 메웁니다.

작동 방식

이 프로젝트는 Agent Skills 형식에 따라 14개의 고유한 스킬을 정의합니다. 각 스킬은 YAML 프론트마터, 구문 규칙, 템플릿을 포함한 SKILL.md 파일로 구성됩니다. AI 에이전트(예: Claude Code, Cursor, GitHub Copilot 등)가 이러한 스킬을 사용하면, 특정 지침에 따라 올바른 코드 펜스(예: ```vega-lite 또는 ```plantuml) 또는 순수 HTML/CSS를 출력합니다. 이러한 출력은 호환되는 마크다운 뷰어 확장 기능에 의해 시각적으로 렌더링됩니다.

대상 사용자

• AI 에이전트 사용자: 시스템 문서화에 AI 코딩 에이전트를 사용하는 개발자 및 아키텍트.
• AI 에이전트 개발자: LLM 기반 워크플로우에 표준화된 시각적 기능을 통합하고자 하는 사람.
• 기술 문서 작성자: 일관성 있고 전문적인 AI 생성 다이어그램과 인포그래픽을 원하는 사람.

주요 특징

• 광범위한 시각적 범위: 소프트웨어 모델링(UML), 클라우드 인프라(AWS/Azure/GCP), 데이터 분석 파이프라인, IoT 센서 네트워크까지 모두 지원.
• 다양한 렌더링 엔진: Vega-Lite, PlantUML, JSON Canvas, 직접 HTML/CSS와 통합.
• 에이전트 호환성: Claude Code 및 VS Code와 같은 인기 에이전트에 쉽게 설치 가능.
• 풍부한 아이콘 라이브러리: 전문 수준의 아키텍처 다이어그램에 적합한 수천 개의 mxgraph 스텐실 아이콘 제공.