菜单
데이터를 한눈에 보여주는 인터랙티브 차트·대시보드(HTML)를 만들어 드립니다. 다음과 같은 요청 시 사용하세요: - "차트 만들어줘" - "그래프 그려줘" - "시각화해줘" - "대시보드 만들어줘" Mermaid·Recharts·Chart.js·Tremor·ECharts 중 적합한 스택으로 인터랙티브 대시보드를 제작하고, moai-officer:office-pptx-designer / moai-officer:office-docx-generator로 PPT·Word 변환까지 이어집니다.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
18개 AI 직원 플러그인 패밀리('MoAI-Cowork, 모두의 코워크')의 **프로젝트 초기화 단일 진입점**. `/project [--cowork|--code] <자연어 지시>`로 진입한다. `--cowork`(기본)는 개발을 제외한 **모든 Claude Cowork(Desktop) 작업**을 담당하는 Desktop 슈퍼 오케스트레이터/어드바이저 모드다 — 소크라테스 인터뷰로 맥락을 파악하고, 설치된 플러그인 인벤토리를 스캔한 뒤, **프로젝트 전용 커스텀 에이전트와 스킬 체인**을 설계해 `CLAUDE.md`(≤200라인)·`.claude/agents/`·`.moai/` 스캐폴드를 생성한다. 이후 사용 중 신호를 감지하면 스스로 개선한다(재귀적 자가 개선). `--code`(개발-프로젝트 초기화, `moai init` 동등 효과)는 **개발 중**이다(§Code Mode). 다음과 같은 요청 시 반드시 이 스킬을 사용하세요: - "새 프로젝트 시작", "프로젝트 설정 도와줘", "CLAUDE.md 만들어줘" (개발 프로젝트가 아닐 때) - "/project ...", "/project --cowork ...", "/project resume", "/project catalog", "/project status", "/project apikey", "/project evolve" - "이어서 진행", "설치 완료", "다시 진행" — 설치 완료 후 재개 요청 - "에이전트 개선해줘", "CLAUDE.md 업데이트해줘" — 재귀적 자가 개선 진입 - 사업·콘텐츠·디자인·커머스·법무·재무·인사 등 비개발 자연어 요청을 적합한 AI 직원 플러그인으로 라우팅해야 할 때 이 스킬은 **이름·회사 같은 글로벌 프로필을 재질문하지 않는다.** 프로젝트마다 "이번에 뭘 할 건지"만 인터뷰한다.
Higgsfield MCP 기반 AI 영상을 자연어 요청 한 줄로 생성합니다. 모델·파라미터를 하드코딩하지 않고 라이브 카탈로그(models_explore)를 조회해 호출하므로, 카탈로그가 바뀌어도 드리프트 없이 동작합니다. 다음과 같은 요청 시 사용하세요: - "Higgsfield 영상 만들어줘" - "Veo로 영상" - "Kling으로 영상" - "Seedance로 다이내믹 영상" - "Cinema Studio로 시네마틱 영상" - "Marketing Studio UGC 광고 영상" - "AI 영상 생성" Veo·Kling·Seedance·Cinema Studio·Marketing Studio·Wan·Gemini Omni·Grok 등 계열의 프롬프트 크래프트는 references/prompt-craft/*.md에 출처와 함께 큐레이션돼 있고(계열마다 규칙이 다름 — 범용 공식 없음), 실제 파라미터(모델 id·해상도·비율·길이·비용)는 런타임에 라이브 조회합니다.
Higgsfield MCP 이미지·영상 생성의 공유 코어. media-higgsfield-image / media-higgsfield-video가 로드하는 SSOT(single source of truth)로, 호출 스키마·라이브 카탈로그 조회 프로토콜·공통 크래프트 규칙(R1–R5)·인터뷰 슬롯·잡 수명주기를 정의합니다. 다음과 같은 상황에서 로드됩니다: - media-higgsfield-image 또는 media-higgsfield-video가 호출 계약을 참조할 때 - Higgsfield 모델의 파라미터를 하드코딩하지 않고 런타임 조회해야 할 때 - namespace(mcp__higgsfield__ vs mcp__claude_ai_higgsfield__)를 런타임 해석해야 할 때 이 스킬은 단독 실행 스킬이 아니라 두 소비 스킬이 참조하는 공유 코어입니다.
Higgsfield MCP 기반 AI 이미지를 자연어 요청 한 줄로 생성합니다. 모델·파라미터를 하드코딩하지 않고 라이브 카탈로그(models_explore)를 조회해 호출하므로, 카탈로그가 바뀌어도 드리프트 없이 동작합니다. 다음과 같은 요청 시 사용하세요: - "Higgsfield로 이미지 만들어 줘" - "Soul로 인물 이미지" - "Nano Banana Pro로 카드뉴스 이미지" - "AI 이미지 생성해줘" - "시네마틱 키 비주얼 만들어줘" - "캐릭터 일관성 있는 시리즈 이미지" - "DTC 광고 이미지(Marketing Studio)" Soul·Nano Banana·GPT Image·Seedream·FLUX·Recraft·Marketing Studio 등 계열의 프롬프트 크래프트는 references/prompt-craft/*.md에 출처와 함께 큐레이션돼 있고, 실제 파라미터(모델 id·해상도·비율·비용)는 런타임에 라이브 조회합니다. 프롬프트만 필요하면 moai-coworker의 *-prompt 스킬을 사용하세요.
금리·환율·물가 같은 경제지표를 '내 돈' 관점에서 읽도록 도와주는 스킬입니다. '금리 오르면 어떻게 돼', '환율이 내 자산에 미치는 영향', '경제지표 읽는 법', 'GDP가 뭐야', '경기 사이클'처럼 말하면 됩니다. 금리·환율·물가(CPI)·GDP·고용·수출입 지표가 대출·예금·투자·소비에 어떻게 연결되는지 쉬운 언어로 설명합니다.
투자를 처음 시작하는 사람에게 기본 원칙과 자산군, 초보 포트폴리오를 안내하는 스킬입니다. '투자 어떻게 시작해', '주식 초보', 'ETF가 뭐야', '분산투자 방법', '초보 포트폴리오 짜줘'처럼 말하면 됩니다. 분산·장기·리스크 관리 원칙, 자산군(주식/ETF/채권/부동산/예적금) 비교, 초보 포트폴리오, 투자 사기 회피를 한국 투자자 관점에서 설명합니다.
| name | office-data-visualizer |
| description | 데이터를 한눈에 보여주는 인터랙티브 차트·대시보드(HTML)를 만들어 드립니다. 다음과 같은 요청 시 사용하세요: - "차트 만들어줘" - "그래프 그려줘" - "시각화해줘" - "대시보드 만들어줘" Mermaid·Recharts·Chart.js·Tremor·ECharts 중 적합한 스택으로 인터랙티브 대시보드를 제작하고, moai-officer:office-pptx-designer / moai-officer:office-docx-generator로 PPT·Word 변환까지 이어집니다. |
| version | 0.1.0 |
데이터를 시각적으로 표현하는 전문가. Mermaid, Recharts/Chart.js, Tremor 기반 HTML 대시보드를 생성하고 PPT/Word로 변환합니다. HTML 산출물은 shadcn/ui OKLCH 토큰을 기본 테마로 사용합니다.
HTML·React 대시보드(방식 2)를 산출할 때는 코드 생성 직전에 MoAI 오케스트레이터가 AskUserQuestion으로 다음 4개 질문을 제시합니다.
대시보드 스킬은 Q4 옵션 자체가 차트 스택이므로 랜딩/상세와 달리 multiSelect를 사용하지 않습니다.
상세 질문 payload·Fallback 기본값은 ../../../moai-coworker/skills/marketing-landing-page/references/marketing-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-officer:office-pptx-designer로 전달Word 보고서 요청 시:
moai-officer:office-docx-generator로 전달index.html — 또는 Next.js app/page.tsxstyles.css — shadcn OKLCH CSS 변수 :root + .dark 블록 (인라인 또는 별도)system+toggle인 경우README-setup.md — React 모드일 경우 shadcn 컴포넌트 설치 명령moai-analyst:office-data-explorer 권유moai-analyst:office-data-explorer 사용moai-analyst:office-public-data-public-data 사용moai-marketer:marketing-landing-page에서 Q4 효과 선택 시 통합 산출moai-seller:commerce-product-detail에서 직접 처리본 스킬이 산출하는 한국어 텍스트는 배포 전 의무 게이트를 통과합니다:
moai-coworker:general-ai-slop-reviewer — 1차 일반 AI 슬롭 검수 (금지어, 구조 패턴, 리듬)moai-writer:general-humanize-korean — 2차 한국어 정밀 윤문 (40+ 패턴 SSOT, 의미 불변)두 게이트는 대시 대비 헤드라인·조사·체언 종결 조각문·"A에서 B로" 전환 공식 S1 패턴을 잡아냅니다. 게이트 통과 없이 산출물을 바로 배포하지 않습니다.