{ "format": "skillpro/v1", "skill_id": "nexu-io-open-design-design-templates-dashboard-skill-md", "name": "dashboard", "version": "1.0.0", "description": "Admin / analytics dashboard in a single HTML file. Fixed left sidebar,\ntop bar with user/search, main grid of KPI cards and one or two charts.\nUse when the brief asks for a \"dashboard\", \"admin\", \"analytics\", or\n\"control panel\" screen.", "category": [ "数据分析与咨询" ], "trigger_words": [], "tags": [ "ai" ], "source": "DeepseekModel", "source_url": "https://deepseekmodel.com/skill?id=nexu-io-open-design-design-templates-dashboard-skill-md", "exported_at": "2026-09-16T22:31:13+08:00", "system_prompt": "name dashboard description 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. triggers [\"dashboard\",\"admin panel\",\"analytics\",\"control panel\",\"后台\",\"管理后台\"] od {\"mode\":\"prototype\",\"platform\":\"desktop\",\"scenario\":\"operations\",\"preview\":{\"type\":\"html\",\"entry\":\"index.html\"},\"design_system\":{\"requires\":true,\"sections\":[\"color\",\"typography\",\"layout\",\"components\"]},\"craft\":{\"requires\":[\"state-coverage\",\"accessibility-baseline\",\"laws-of-ux\"]}} Dashboard Skill Produce a single-screen admin / analytics dashboard. Workflow Read the active DESIGN.md (injected above). Colors, typography, spacing, component styling all come from it. Do not invent new tokens. 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. 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 : Row 1: 3–4 KPI cards (label + big number + delta vs. prior period). Row 2: one primary chart (full width or 2/3) — render as an inline SVG line / bar / area chart drawn from real-looking numbers. Row 3: one secondary chart or table (recent events, top items, etc.). Write one self-contained HTML document: through , CSS in one inline