Skill

/dashboard

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

shell

$ npx -y skills add nexu-io/html-anything --skill dashboard --agent claude-code

Installs just this skill. Get the whole plugin for auto-invocation.

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/dashboard

Context preview

The summary Claude sees to decide when to auto-load this skill.

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

Stats

Stars7,918

Forks773

LanguageHTML

LicenseApache-2.0

Ships with html-anything

SKILL.md

dashboard.SKILL.md

---
name: dashboard
zh_name: "管理后台仪表板"
en_name: "Admin Dashboard"
emoji: "🎛️"
description: "固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图"
category: dashboard
scenario: operations
aspect_hint: "桌面 1440"
tags: ["dashboard", "admin", "analytics"]
---

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