templateclaw-dashboard

A generator for dark, glass-style admin dashboards with charts, tables, status panels, and key-number cards. It offers admin, analytics, system-monitoring, and customer-management layouts.

In plain words
What is it for?
Use it to create a starting dashboard for tracking business metrics, website activity, system health, or customer pipelines.
Why use it?
It removes the need to design a dashboard structure and its common data-display elements from scratch.

Skill for Claude CodeCodex

Part of the templateclaw plugin — 7 skills shipped together

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/jeromwolf/templateclaw/templateclaw-dashboard
Any agent
npx skills add jeromwolf/templateclaw --skill templateclaw-dashboard
Clone the repo
git clone --depth 1 https://github.com/jeromwolf/templateclaw

Made for: Claude Code, Codex.

Or install templateclaw, the plugin that ships this one along with the rest of its 7 skills.

Per session 39 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 676 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00039 $0.00676
Opus 5 $0.00019 $0.00338
Sonnet 5 $0.00008 $0.00135
Haiku 4.5 $0.00004 $0.00068

Measured 2d ago against content hash 448750816563, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

templateclaw-dashboard scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/templateclaw-dashboard/SKILL.md · 99 lines

How it starts

The opening of the file, as written. The whole thing — 99 lines — stays where its author put it; the contents beside it link to each section on GitHub.

TemplateClaw — Dashboard Generator

Generate a production-ready dashboard with modern data visualization design.

When Invoked

  1. If argument provided (e.g., /templateclaw-dashboard analytics), generate that style
  2. If no argument, ask: "What type of dashboard? (admin / analytics / monitoring / crm)"

Dashboard Styles

Admin Dashboard

  • Sidebar navigation (collapsible) with icons
  • Top bar with search, notifications, user avatar
  • KPI cards row (4 cards: Users, Revenue, Orders, Growth)
  • Main chart area (CSS-only bar chart or line indicators)
  • Recent activity table
  • Quick actions panel

Analytics Dashboard

  • Date range picker header
  • KPI cards with sparkline trends (CSS-only)
  • Large area chart placeholder (gradient fill)
  • Breakdown pie/donut chart (CSS conic-gradient)
  • Top pages/items table with progress bars
  • Real-time visitors counter (animated)

System Monitoring Dashboard

  • Status indicator header (green/yellow/red)
  • Server health cards (CPU, Memory, Disk, Network)
  • Uptime timeline (CSS grid blocks)
  • Alert feed (scrollable, severity-colored)
  • Service status table
  • Response time chart placeholder

CRM Dashboard

  • Pipeline stages (kanban-style horizontal)
  • Deal value KPIs
  • Recent contacts table with avatars
  • Activity timeline
  • Conversion funnel (CSS trapezoid shapes)
  • Tasks/reminders sidebar

Design System

/* Dashboard-specific */
--sidebar-width: 260px;
--sidebar-collapsed: 72px;
--topbar-height: 64px;
--card-radius: 16px;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

/* Chart Colors */
--chart-1: #7C3AED;
--chart-2: #EC4899;
--chart-3: #3B82F6;
--chart-4: #10B981;
--chart-5: #F59E0B;

Output Requirements

  • Single HTML file with embedded CSS and JS
  • Tailwind CSS via CDN
  • CSS-only charts (no Chart.js dependency) — use gradients, conic-gradient, flexbox
  • Sidebar toggle (collapsed ↔ expanded)
  • Responsive: sidebar becomes bottom nav on mobile
  • Dark mode default
  • Sample data hardcoded (easily replaceable)
  • Smooth transitions on all interactive elements
  • Grid layout for dashboard cards

Read the full file on GitHub · 99 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 99 lines · 39 tokens per session scan A 448750816563

Subscribe to this mod's changes

templateclaw-dashboard is a skill published in the GitHub repository jeromwolf/templateclaw (2 stars, last pushed 5mo ago), licensed MIT. It adds 39 tokens to every session and 676 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.