Skill9.2k repo starsupdated 15d ago

dashboard

This Claude Code skill generates a standard admin or analytics dashboard layout featuring a fixed left sidebar with navigation and user menu, a top bar with search and notifications, a grid of KPI cards displaying key metrics, one to two primary charts such as line or bar graphs, and a recent activity list at the bottom. Use this template when building management interfaces or analytics portals that require organized metric visualization and quick navigation.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/dashboard && cp -r /tmp/dashboard/next/src/lib/templates/skills/dashboard ~/.claude/skills/dashboard

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

【模板: 管理后台 Dashboard】
【意图】标准 admin/analytics 仪表板单页。
【布局】
- Fixed left sidebar (logo + 导航 + 用户 footer)
- Top bar (search + 通知 + avatar)
- Main: KPI cards 网格 (3-5 个)
- 1-2 张主图表 (折线 / 柱 / 区域)
- 底部 recent activity 列表