대시보드 생성기
데이터고급
CSV, JSON, API 데이터를 기반으로 경영진 보고용 대시보드나 팀 모니터링 화면을 자동으로 생성합니다. Chart.js, Recharts 등 차트 라이브러리를 활용합니다.
트리거
/dashboard사용빈도월 2-3회
경영진에게 주간 리포트를 보고하는 담당자라면? /dashboard로 KPI 차트를 자동 생성해서 보고 시간 절약
데이터 분석가라면? 분석 결과를 인터랙티브 대시보드로 빠르게 변환
대시보드차트시각화리포트
작동 흐름
/dashboard [데이터 소스] 실행
↓
Phase 1: 3개 생성 병렬
kpi-cards
KPI 카드 생성
chart-gen
차트 컴포넌트 생성
layout-build
레이아웃 구성
↓
인터랙션 추가 + 반응형 최적화
↓
✓ 실행 가능한 대시보드 코드
스킬 코드
# Dashboard Builder Skill
## Trigger: /dashboard [data source]
When invoked:
1. Analyze data source:
- Read CSV/JSON file or API response
- Identify key metrics and dimensions
- Detect time series patterns
2. Design dashboard layout:
- KPI cards for key numbers (top row)
- Line/bar charts for trends
- Pie/donut for composition
- Table for detailed data
3. Generate code using project's chart library:
- Detect: Recharts, Chart.js, D3, or suggest one
- Create responsive grid layout
- Add loading states and error handling
- Include date range filter if time data exists
4. Output:
- Complete React component(s)
- Sample data structure
- Instructions to connect real data
복사해서 CLAUDE.md에 붙여넣으면 바로 사용할 수 있습니다.
대시보드 생성기 작동 방식
Dashboard Builder는 데이터 소스와 KPI 요구사항을 받아 차트 라이브러리(Recharts, Chart.js)를 활용한 React 컴포넌트를 생성하고, 필터 컨트롤이 포함된 반응형 레이아웃을 만들어 배포 가능한 대시보드 애플리케이션을 출력합니다.
대시보드 생성기이(가) 빛나는 순간
며칠 걸리는 프론트엔드 개발 작업을 원커맨드 작업으로 변환합니다. 스테이크홀더가 커스텀 대시보드를 빠르게 필요로 하는데 기존 BI 도구가 경직되거나 비용이 높은 상황에 최적입니다.
핵심 특장점
- 완전한 배포 가능 대시보드 애플리케이션 생성
- 필터 및 드릴다운 컨트롤이 포함된 반응형 레이아웃
- 인기 차트 라이브러리를 즉시 지원
- 특정 디자인 요구사항에 맞춘 커스터마이징 가능 출력