菜单
전문적 데이터 시각화 — 도표/그래프 구현
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | data-visualization |
| description | 전문적 데이터 시각화 — 도표/그래프 구현 |
모든 서비스의 디자인은 전문적이고 아름다운 도표와 그래프 로 구현해야 함.
| 라이브러리 | 용도 | 강점 |
|---|---|---|
| Recharts | 일반 차트 | React 네이티브, 간편 |
| D3.js | 커스텀 시각화 | 완전한 자유도 |
| Chart.js | 간단 차트 | 경량, 빠른 렌더링 |
| Nivo | 인터랙티브 | 풍부한 애니메이션 |
| 데이터 유형 | 추천 차트 | 예시 |
|---|---|---|
| 시간 추이 | Area/Line Chart | 매출 추이, 트래픽 |
| 비교 | Bar Chart | 카테고리별 매출, 업체 비교 |
| 비율/구성 | Pie/Donut Chart | 채널별 매출 비중 |
| 상관관계 | Scatter Plot | 가격 vs 판매량 |
| 분포 | Heatmap | 시간대별 주문 분포 |
| 순위 | Horizontal Bar | TOP 10 상품 |
| 지표 | KPI Card | 오늘 매출, 주문 수, 반품률 |
┌────────────┬────────────┬────────────┬────────────┐
│ 오늘 매출 │ 주문 수 │ 신규 회원 │ 반품률 │ ← KPI Cards
├────────────┴────────────┴────────────┴────────────┤
│ 매출 추이 (Area Chart) │ ← 메인 차트
├─────────────────────┬────────────────────────────────┤
│ 채널별 매출 (Donut) │ TOP 10 상품 (Bar Chart) │ ← 서브 차트
├─────────────────────┴────────────────────────────────┤
│ 최근 주문 (Data Table) │ ← 상세 데이터
└──────────────────────────────────────────────────────┘
이 스킬 실행 시 반드시 칸반보드에 기록한다.
실행 전:
# 1. 팀/티켓이 없으면 생성
curl -X POST http://localhost:5555/api/teams/{team_id}/tickets -H "Content-Type: application/json" -d '{"title":"스킬 실행: data-visualization","priority":"medium"}'
# 2. 클레임
curl -X PUT http://localhost:5555/api/tickets/{ticket_id}/claim -H "Content-Type: application/json" -d '{"member_id":"agent-xxx"}'
# 3. progress_note
curl -X PUT http://localhost:5555/api/tickets/{ticket_id}/progress -H "Content-Type: application/json" -d '{"note":"스킬 실행 시작"}'
실행 후:
# 4. 산출물 등록
curl -X POST http://localhost:5555/api/tickets/{ticket_id}/artifacts -H "Content-Type: application/json" -d '{"creator_member_id":"agent-xxx","title":"결과","content":"...","artifact_type":"result"}'
# 5. Review 전환
curl -X PUT http://localhost:5555/api/tickets/{ticket_id}/status -H "Content-Type: application/json" -d '{"status":"Review"}'
gstack 기반 스프린트 플래너 — Think→Plan→Build→Review→Test→Ship→Reflect 워크플로우로 구조화된 스프린트 생성
U2DIA AI Agents — 에이전트 팀 생성/관리 및 칸반보드 실시간 모니터링
API 문서 자동 생성 — OpenAPI/Swagger 스펙, 엔드포인트 목록, 요청/응답 예시 자동 추출
AI 자동 코드 리뷰 — git diff 기반 변경사항 분석, 보안 취약점, 성능 이슈, 코드 스타일 검사. Ralph Loop 리뷰와 연동.
gstack /autoplan 패턴 — 프로젝트 자동 스캔 후 스프린트 계획 자동 생성
블로그/뉴스 모니터링