interactive-dashboard-builder이란?
Chart.js, 드롭다운 필터 및 전문적인 스타일을 사용하여 독립적인 대화형 HTML 대시보드를 구축하세요. 대시보드를 생성하거나, 대화형 보고서를 작성하거나, 서버 없이 작동하는 차트 및 필터가 포함된 공유 가능한 HTML 파일을 생성할 때 사용하세요. 출처: anthropics/knowledge-work-plugins.
Chart.js, 드롭다운 필터 및 전문적인 스타일을 사용하여 독립적인 대화형 HTML 대시보드를 구축하세요. 대시보드를 생성하거나, 대화형 보고서를 작성하거나, 서버 없이 작동하는 차트 및 필터가 포함된 공유 가능한 HTML 파일을 생성할 때 사용하세요.
명령줄에서 interactive-dashboard-builder AI 스킬을 개발 환경에 빠르게 설치
출처: anthropics/knowledge-work-plugins.
Patterns and techniques for building self-contained HTML/JS dashboards with Chart.js, filters, interactivity, and professional styling.
| <1,000 rows | Embed directly in HTML. Full interactivity. | | 1,000 - 10,000 rows | Embed in HTML. May need to pre-aggregate for charts. | | 10,000 - 100,000 rows | Pre-aggregate server-side. Embed only aggregated data. | | >100,000 rows | Not suitable for client-side dashboard. Use a BI tool or paginate. |
Instead of embedding raw data and aggregating in the browser:
Chart.js, 드롭다운 필터 및 전문적인 스타일을 사용하여 독립적인 대화형 HTML 대시보드를 구축하세요. 대시보드를 생성하거나, 대화형 보고서를 작성하거나, 서버 없이 작동하는 차트 및 필터가 포함된 공유 가능한 HTML 파일을 생성할 때 사용하세요. 출처: anthropics/knowledge-work-plugins.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/anthropics/knowledge-work-plugins --skill interactive-dashboard-builderChart.js, 드롭다운 필터 및 전문적인 스타일을 사용하여 독립적인 대화형 HTML 대시보드를 구축하세요. 대시보드를 생성하거나, 대화형 보고서를 작성하거나, 서버 없이 작동하는 차트 및 필터가 포함된 공유 가능한 HTML 파일을 생성할 때 사용하세요. 출처: anthropics/knowledge-work-plugins.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/anthropics/knowledge-work-plugins --skill interactive-dashboard-builder 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/anthropics/knowledge-work-plugins