TL;DR

이 저장소는 독립 실행형 Agent Skills 형식의 데이터 시각화 Skill이며 Claude Code, Codex, Moxt 등 `SKILL.md` 호환 Agent 생태계에서 사용합니다. 데이터 구조와 목적을 바탕으로 Lupi Editorial, Lupi Basics, Glance, Interactive 템플릿을 고르고 SVG·Chart.js·ECharts로 인터랙티브 HTML 차트와 12종 보고서를 생성합니다. Mono 색상과 세 가지 색상 프리셋을 제공하며, 각 차트가 하나의 결론과 실제 데이터 단위를 중심으로 구성되도록 작업 흐름을 규정합니다. 빠른 설치와 편집형 결과물이 필요한 개발자에게 적합하지만, 일부 템플릿은 CDN 의존성이 있어 네트워크가 제한된 배포 환경에서는 별도 확인이 필요합니다.

핵심 포인트

• 독립 실행형 Agent Skills 형식의 데이터 시각화 Skill로, Claude Code와 Codex를 포함해 `SKILL.md`를 지원하는 Agent 환경에서 작동합니다. `npx skills add` 명령으로 설치한 뒤 데이터와 원하는 시각화 목적을 자연어로 전달하면 됩니다. Moxt가 원생 제작 환경이며 규칙과 템플릿을 같은 작업 공간에서 이어서 수정할 때 가장 짧은 흐름을 제공합니다.
• 데이터 구조와 읽는 속도에 따라 Lupi Editorial, Lupi Basics, Glance, Interactive 템플릿을 선택하고 HTML을 생성합니다. 15개 Lupi Editorial, 13개 Lupi Basics, 18개 Glance, 3개 Interactive 템플릿과 12개 중영문 보고서 템플릿을 제공합니다. Mono 기본 색상 외에 Porcelain, Palm, Wire 색상 프리셋과 사용자 지정 색상 팔레트를 지원합니다.
• 주요 산출물은 브라우저에서 열 수 있는 단일 HTML 차트와 보고서이며, SVG·Chart.js·ECharts를 조합해 정적 및 인터랙티브 그래프를 구현합니다. Lupi와 Basics는 주로 네이티브 SVG를 사용하고, Glance와 일부 보고서 및 인터랙티브 템플릿은 CDN으로 Chart.js 또는 ECharts를 불러옵니다. 따라서 네트워크가 제한된 환경에서는 해당 템플릿의 완전한 렌더링 여부를 먼저 확인해야 합니다.

이미지 분석