Works with the AI tools you already use
Claude Code
Cursor
Codex CLI
GitHub Copilot
Gemini CLI+20 moreClaude CodeCursorCodex CLIGitHub CopilotGemini CLI
OpenClaw
Manus
Grok+17 agentsDashboard Redesign
Redesign dashboards and analytical workspaces around decision models rather than visual aesthetics.
$9.99
Dashboard Redesign
Example session with this skill installed
Redesign our Ops Dashboard. It shows 15 random server metrics. Users are DevOps engineers triaging incidents. Data is from Prometheus, refreshed every 30s. We need to know what to fix first.
- Read your context and instructions
- Compiled the dashboard redesign
- Generated the UI component
The redesign shifts the focus from raw telemetry to incident triage, prioritizing actionable risk states over static metric monitoring.
Diagnosis
- Dashboard Type: Operational Monitoring Queue.
- Primary Decision: Which infrastructure component requires immediate intervention to prevent SLA breach.
Failure Mode: Data density without hierarchy; lack of explicit thresholds makes signals indistinguishable from noise.
- Evidence Confidence: High regarding refresh rates; Low regarding specific incident ownership.
Decision Architecture
| Decision | Signal | Comparison | Grain | Freshness | Action |
|---|---|---|---|---|---|
| Triage outage | Service Availability | % vs SLA Target | Service | 30s | Open P0 Ticket |
| Scale resource | CPU/Mem Saturation | Trend vs Capacity | Instance | 30s | Adjust Autoscale |
| Investigate Latency | p99 Response Time | Delta vs 7-day Avg | Endpoint | 1m | Inspect Trace |
Component Specification
Region 1: Active Incidents (High Urgency)
- Purpose: Identify and claim critical failures.
- Content: Service name, severity, duration, owner, link to logs.
- Representation: Sortable status table with high-contrast priority markers.
- Interaction: Row selection opens side-panel log view; "Claim" button assigns owner.
- States: Empty (All Clear), Stale (Connection lost to Prometheus), Error.
Region 2: Saturation Heatmap
- Purpose: Detect cluster-wide resource exhaustion before failure.
- Content: CPU/Memory utilization across all 50 nodes.
- Representation: 10x5 grid heatmap; color mapping to % utilization.
- Interaction: Hover for node ID and specific metric; Click to isolate node in region 3.
Drilldown Contract
- Path: Dashboard -> Service Row -> Trace Analysis -> GitHub Commit.
- Scope Persistence: Time range and environment filters must lock across all views.
- Return Behavior: Breadcrumb navigation preserves the sorted state of the initial incident table.
Next steps
- Define the specific "Risk State" thresholds for CPU and Latency triggers.
- Map current Prometheus labels to the "Service Name" column in the new UI.
- Conduct a task-based walkthrough: "Time to identify the failing node during a burst."
dashboard-redesign.tsx
TSX · React component
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
What you get
About this skill
Dashboards often fail because they focus on visual novelty rather than functional decision-making. This skill stops the "wall of metrics" problem by redesigning reporting views around user roles, specific actions, and data integrity. It moves beyond aesthetics to build high-density, high-utility interfaces for monitoring, executive scorecards, and analytical workspaces.
What it does
- Decision mapping identifies the specific user actions and monitoring cadences required before a single pixel is moved.
- Information architecture organizes views by urgency, placing status conditions and core outcomes ahead of contributing dimensions.
- Component specification defines the purpose, representation, and interaction model for every chart and table.
- Drilldown logic ensures that scope, filters, and time ranges are preserved when moving from aggregate views to individual records.
- State handling defines behavior for stale, partial, or missing data to prevent false interpretations.
How it works
- Input audit where you provide a dashboard artifact, user roles, and data definitions.
- Decision matrix generation to map signals to operational thresholds and business actions.
- Redesign brief delivery including component specs, metric rationale, and a drilldown contract.
- Validation plan creation for task-based testing with real users.
Frameworks & tools
This skill is framework-agnostic, providing logical blueprints compatible with React, Vue, D3.js, Highcharts, Tableau, or PowerBI.
Why this beats prompting it yourself
Generic prompts produce generic "modern" layouts that look clean but hide critical data. This skill enforces a decision-first methodology that treats every metric as a functional instrument, ensuring accessibility and data freshness are never treated as afterthoughts.
Use cases
- Operational queues for teams needing to triage incidents based on risk and age.
- Executive scorecards focusing on outcome comparisons and contributing factors.
- Analytical workspaces designed for hypothesis testing without losing data definitions.
Known limitations
This skill produces logical specifications and UX architecture, not functional code or final image assets. It requires manual input for metric definitions and ownership.
How to install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
30-day refund
Not a fit? Get your money back
Trust & safety
Security scanned
Verified clean 2 days ago
- Passed all security checks, Safe to install