dashboard

仓库创建 2026年4月28日最近提交 3 小时前SkillHot 收录 20 天前

▸ 精选理由

快速原型仪表盘布局，便于展示与迭代数据视图。

这个 Skill 做什么

生成单页管理/分析仪表盘，包含侧栏、KPI 卡片与图表。

生成一页式的管理/分析仪表盘，左侧固定侧栏、顶部用户/搜索栏，主区是 KPI 卡片和一两张图表，适合展示销售、流量、使用或运维指标。用在需要快速做后台界面原型或内部监控面板时。它会遵循 DESIGN.md 的设计 token，输出风格一致、可直接交付给前端实现。

▸ 展开 SKILL.md 英文原文

Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the brief asks for a "dashboard", "admin", "analytics", or "control panel" screen.

内容创作仪表盘管理界面KPI通用

8.2w

Stars

9.5k

Forks

仓库内 Skill

+6.3k

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/dashboard/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/dashboard/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Dashboard Skill

Produce a single-screen admin / analytics dashboard.

## Workflow

1. **Read the active DESIGN.md** (injected above). Colors, typography, spacing,
   component styling all come from it. Do not invent new tokens.
2. **Classify** what the dashboard monitors (sales, traffic, usage, incidents,
   ops, etc.) from the brief. Generate specific, plausible metric names and
   values — no "Metric A / Metric B" placeholders.
3. **Lay out** the required regions:
   - **Left sidebar** (220–260px): brand mark at top, 6–8 nav links with
     icons, active state uses the DS accent.
   - **Top bar**: page title on the left, search input + user avatar / status
     on the right.
   - **Main

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有