---
name: Dashboard
slug: dashboard-2
category: Frontend
description: Dashboard builds a standard admin/analytics single-page layout with a fixed left sidebar, top bar, KPI card grid, one or two main charts, and a recent activity list.
github: "https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/dashboard"
language: HTML
stars: 8300
forks: 810
install: "npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/dashboard ~/.claude/skills/dashboard"
installs_to: ~/.claude/skills/dashboard
source_path: next/src/lib/templates/skills/dashboard/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/nexu-io/html-anything"
added: 2026-08-15T06:50:49.407Z
last_synced: 2026-08-15T06:50:49.407Z
canonical_url: "https://dirskills.com/skills/dashboard-2"
---

# Dashboard

Dashboard builds a standard admin/analytics single-page layout with a fixed left sidebar, top bar, KPI card grid, one or two main charts, and a recent activity list.

**Install:**

```bash
npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/dashboard ~/.claude/skills/dashboard
```

## README

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