菜单
데이터를 한눈에 보여주는 인터랙티브 차트·대시보드(HTML)를 만들어 드립니다. 다음과 같은 요청 시 사용하세요: - "차트 만들어줘" - "그래프 그려줘" - "시각화해줘" - "대시보드 만들어줘" Mermaid·Recharts·Chart.js·Tremor·ECharts 중 적합한 스택으로 인터랙티브 대시보드를 제작하고, moai-office:pptx-designer / moai-office:docx-generator로 PPT·Word 변환까지 이어집니다.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
基于 SOC 职业分类
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/modu-ai/cowork-plugins --skill data-visualizer命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
복잡한 분석·재무·운영 보고를 경영진 1페이지(≤500단어) 요약으로 변환합니다. 다음과 같은 요청 시 사용하세요: - "임원 보고용 1페이지 요약 만들어줘" / "이사회 보고서 요약해줘" / "경영진 브리핑 1장으로 정리해줘" - "이 리포트 핵심만 요약해줘" / "긴 보고서 1페이지로 줄여줘" / "C레벨 요약 작성해줘" - "What/So What/Now What 구조로 정리해줘" / "카톡·이메일로 보낼 단일 HTML 1pager 만들어줘" 기본 출력은 moai-content:html-report로 단일 HTML(이미지·CSS·JS 인라인, 카톡·이메일 바로 공유)이며, pdf/docx/pptx/hwpx 변환은 옵션 체이닝. 입력 가능: moai-marketing:performance-report 출력 · moai-finance:financial-statements · moai-finance:variance-analysis · moai-pm:weekly-report · 외부 보고서. 한국 임원/이사회 표준 What/So What/Now What + K-IFRS 재무 지표 우선. [책임 경계] vs moai-marketing:performance-report: executive-summary=임원 압축 요약(≤500단어), performance-report=마케팅 풀 리포트(전체).
도서 저자 약력·저자의 말·SNS·강연 통합 작성 — 저자가 타깃 페르소나에게 "왜 이 사람이 이 책을 쓰는가"를 1분 안에 설득하는 핵심 문서. book-target-reader의 페르소나·JTBD를 입력받아 4 장르별 신뢰 신호(학력·실무 경력·수상·팬덤·SNS·강연)를 자동 분기. 짧은 약력(50자)·중간(200자)·긴(500자) 3 길이 + 저자의 말(500-800자) 동시 산출. 다음과 같은 요청 시 반드시 이 스킬을 사용하세요: - "저자 약력", "저자 소개", "프로필 작성" - "저자의 말", "머리말", "들어가는 글" - "저자 신뢰 신호", "출판 프로필" - "북스타그래머 프로필", "SNS 약력" - "강연·강의 약력"
도서 본문 챕터 초고 집필 — 꼭지 단위 작성·매수 관리·인용 처리·4 장르 문체 자동 분기. book-outline-designer의 챕터 시놉시스를 입력받아 한 꼭지를 처음부터 끝까지 완결성 있게 작성. 실용서(명료·실습)·인문(서사·문체)·기술(코드·도표)·소설(묘사·시점) 프리셋. 200자 원고지 매수 자동 카운트·인용 각주 표기·도표·코드 블록 통합. 다음과 같은 요청 시 반드시 이 스킬을 사용하세요: - "챕터 본문 작성", "꼭지 집필", "원고 작성" - "도서 본문", "장 본문", "초고 작성" - "장르별 문체", "출판 원고 작성" - "인용 처리", "각주 표기", "도표 삽입"
| name | data-visualizer |
| description | 데이터를 한눈에 보여주는 인터랙티브 차트·대시보드(HTML)를 만들어 드립니다. 다음과 같은 요청 시 사용하세요: - "차트 만들어줘" - "그래프 그려줘" - "시각화해줘" - "대시보드 만들어줘" Mermaid·Recharts·Chart.js·Tremor·ECharts 중 적합한 스택으로 인터랙티브 대시보드를 제작하고, moai-office:pptx-designer / moai-office:docx-generator로 PPT·Word 변환까지 이어집니다. |
| user-invocable | true |
| version | 2.27.0 |
데이터를 시각적으로 표현하는 전문가. Mermaid, Recharts/Chart.js, Tremor 기반 HTML 대시보드를 생성하고 PPT/Word로 변환합니다. HTML 산출물은 shadcn/ui OKLCH 토큰을 기본 테마로 사용합니다.
HTML·React 대시보드(방식 2)를 산출할 때는 코드 생성 직전에 MoAI 오케스트레이터가 AskUserQuestion으로 다음 4개 질문을 제시합니다.
대시보드 스킬은 Q4 옵션 자체가 차트 스택이므로 랜딩/상세와 달리 multiSelect를 사용하지 않습니다.
상세 질문 payload·Fallback 기본값은 ../../../moai-content/skills/landing-page/references/landing-page/shadcn-theme-interview.md (공용 레퍼런스) 참조.
Fallback(인터뷰 생략) 기본값: Neutral + System+Toggle + 0.5rem + Recharts. 적용 시 응답 상단에 고지합니다.
| 상황 | 권장 라이브러리 | 이유 |
|---|---|---|
| React/Next.js + B2B 대시보드 | Recharts | shadcn 공식 Chart 컴포넌트 기반, 타입 안전 |
| 단일 HTML(React 없음) | Chart.js | CDN 한 줄로 시작, Canvas 기반 가벼움 |
| KPI·영업 대시보드 빠른 산출 | Tremor | AreaChart/BarChart 프리셋 풍부 |
| 지도·Sankey·TreeMap | ECharts | 고난도 시각화 커버리지 |
| 조건 | 방식 | 테마 인터뷰 |
|---|---|---|
| 데이터 5행 이하 | 마크다운 테이블 | 생략 |
| 단순 비율/분포 | Mermaid pie/bar | 생략 |
| 시계열/트렌드 (React) | Recharts 선 차트 | 필수 |
| 시계열/트렌드 (HTML) | Chart.js 선 차트 | 필수 |
| 다차원 비교 | Recharts 레이더/버블 | 필수 |
| 대시보드·KPI | Tremor + shadcn Card | 필수 |
| 지도·복합 시각화 | ECharts | 필수 |
| 인터랙티브 필요 | HTML/React 대시보드 | 필수 |
사용자가 "PPT로 만들어줘" 요청 시:
moai-office:pptx-designer로 전달Word 보고서 요청 시:
moai-office:docx-generator로 전달index.html — 또는 Next.js app/page.tsxstyles.css — shadcn OKLCH CSS 변수 :root + .dark 블록 (인라인 또는 별도)system+toggle인 경우README-setup.md — React 모드일 경우 shadcn 컴포넌트 설치 명령moai-data:data-explorer 권유moai-data:data-explorer 사용moai-public-data:public-data 사용moai-content:landing-page에서 Q4 효과 선택 시 통합 산출moai-content:product-detail에서 직접 처리