skills.rest
MyHeavenDyf
MyHeavenDyfCOMMUNITY
Explore all skills by this author →
GitHub

dashboard

Generate an HTML admin dashboard with sidebar, KPI cards, and charts.

1|Updated May 8, 2026
Search Tags:#analytics#dashboard#operations#admin panel#admin tool
One-click install
npx skills add https://github.com/MyHeavenDyf/UXAI --skill dashboard-myheavendyf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard
Source: https://github.com/MyHeavenDyf/UXAI/tree/main/packages/app/octoapp/templates/dashboard
Command: npx skills add https://github.com/MyHeavenDyf/UXAI --skill dashboard-myheavendyf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides an all-in-one admin / analytics dashboard for a single screen, making it easier to monitor key performance indicators and take operational decisions efficiently.

Core Features & Use Cases

  • Single-screen Dashboard: Access vital metrics and visualizations at a glance, enhancing user experience and reducing time spent on switching between different tools.
  • Customizable Layout: Adjust the left sidebar, top bar, KPI cards, and charts according to your needs, fitting different project scopes.
  • Prototyping: Perfect for briefs requiring a dashboard, admin panel, analytics screen, or control panel.

Quick Start

Trigger the 'dashboard' command to generate the admin / analytics dashboard.

Frequently Asked Questions about dashboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an HTML admin panel for operations monitoring?▼

To generate an HTML admin panel, trigger the 'dashboard' command. It builds a single-screen HTML interface with a fixed left sidebar, top bar, KPI cards, and charts for operations monitoring.

What is included in a single-screen analytics dashboard?▼

A single-screen analytics dashboard includes a fixed left sidebar, a top bar with user and search functionality, KPI cards, and data charts. This layout is designed for desktop use to help you monitor metrics at a glance.

Do I need a DESIGN.md file to create a custom admin dashboard?▼

Yes, you need a valid DESIGN.md file to create a custom admin dashboard. The file provides the design tokens and craft guidelines required to implement the dashboard layout, KPI cards, and charts correctly.

Can I use this dashboard layout for analytics prototyping?▼

Yes, you can use this dashboard layout for analytics prototyping. It is designed for briefs requiring a dashboard, admin panel, analytics screen, or control panel, allowing you to adjust the sidebar, top bar, and charts.

What commands trigger the analytics dashboard generation?▼

The analytics dashboard generation supports a range of triggers including 'dashboard', 'admin panel', and 'analytics'. Using any of these commands initiates the creation of the HTML operations interface.

Related Skills

Explore More Product & Management Skills→
soloamentesoloamente

stitch-design-taste

Generates DESIGN.md files for defining customizable GuiStudio design standards.

Community
Advanced
Leo1349Leo1349

feishu-notify

Send notifications and alerts to Feishu/Lark via webhook.

Community
Intermediate
mkusakamkusaka
7

artifact-dashboard

Create operational dashboards with KPI tiles, line charts, and tables.

Community
Intermediate
StarlitnightlyStarlitnightly
1.2k

data-viz-plots

Generate publication-quality plots with matplotlib and seaborn.

Community
Advanced