Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →modu-ai/data-visualizer
데이터를 한눈에 보여주는 인터랙티브 차트·대시보드(HTML)를 만들어 드립니다. 다음과 같은 요청 시 사용하세요: - "차트 만들어줘" - "그래프 그려줘" - "시각화해줘" - "대시보드 만들어줘" Mermaid·Recharts·Chart.js·Tremor·ECharts 중 적합한 스택으로 인터랙티브 대시보드를 제작하고, moai-office:pptx-designer / moai-office:docx-generator로 PPT·Word 변환까지 이어집니다.
Passed 19 of 22 test cases with the skill, and 6 of 22 without it.
and 13 more in the full report
14 fixed6 passed either way3 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
This benchmark measured an earlier version of the skill.
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
When asking Question 2 (Color Mode) during the dashboard theme interview, what lighting options must be offered to the user?
| Checked | Without skill | With skill |
|---|---|---|
| presents System+Toggle, Light, Dark, and Auto as Q2 options | Missed | Passed |
The instructions your model reads when the skill loads.
데이터를 출처·단위·기간을 보존하며 시각화합니다. 파일 형식과 스택은 사용자가 요청한 산출물과 현재 프로젝트에 맞춥니다. 원자료가 없으면 수치가 채워진 차트를 만들지 않고 필요한 입력을 묻습니다.
사용자가 준 브랜드 색·차트 예시·기존 디자인 시스템이 있으면 그것을 따른다. 모양이 결정되지 않아 결과에 영향을 줄 때만 현재 앱의 질문 기능 또는 대화로 필요한 항목을 묻는다.
질문할 수 없고 기존 디자인 지침도 없으면 읽기 쉬운 중립 테마를 적용하고 선택 이유를 산출물에 적는다. 별도 앱 프로젝트가 없으면 새 Next.js 프로젝트를 자동으로 만들지 않는다.
참고: shadcn/ui Chart는 Recharts를 사용하며, Chart.js 시작 문서는 단일 HTML의 CDN 예시를 제공합니다.
test cases passed, vs 6 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.