디지털청 대시보드 가이드북(2026/3/31) 준거 Claude Code Skill — HTML+ECharts로 프레젠테이션형 대시보드 설계·구현·리뷰
이 스킬은 디지털청(일본 정부 기관)이 발표한 '대시보드 가이드북(2026/3/31)'을 기반으로, Claude Code가 HTML과 ECharts를 사용하여 프레젠테이션형 대시보드를 설계, 구현, 리뷰할 수 있도록 지원합니다. Claude Code 환경에서 `hatoyanma/dashboard-skill`을 불러오면, 에이전트는 가이드북의 표준에 따라 데이터 시각화 구조를 제안하고, 접근성 및 사용성을 고려한 차트 코드를 생성하며, 기존 구현물을 검토합니다. 이 스킬은 주로 Claude Code 플랫폼에서 동작하도록 설계되었으며, HTML+ECharts 기반의 웹 프런트엔드 개발에 특화되어 있습니다. SKILL.md 문서에는 가이드북의 핵심 원칙, 차트 선택 기준, 레이아웃 규칙, 코드 스니펫 예시가 포함되어 있어, 에이전트가 일관된 품질로 대시보드를 제작할 수 있습니다.
npx skills add hatoyanma/dashboard-skill디지털청 대시보드 가이드북(2026/3/31) 준거 Claude Code Skill — HTML+ECharts로 프레젠테이션형 대시보드 설계·구현·리뷰
이 스킬은 디지털청이 발행한 **대시보드 가이드북(2026/3/31)**의 기준에 따라, Claude Code가 HTML과 ECharts를 활용하여 프레젠테이션형 대시보드를 효과적으로 제작할 수 있도록 안내합니다.
Claude Code 세션에서 hatoyanma/dashboard-skill을 불러온 후, 다음과 같이 지시할 수 있습니다:
대시보드 가이드북에 따라 KPI 차트를 생성해 줘.
MIT
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".