dashboard-creator

91
A

Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations. Use when users request dashboards, metrics displays, KPI visualizations, data charts, or monitoring interfaces.

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install I-Onlabs/claude-code-skills/dashboard-creator
skilz install I-Onlabs/claude-code-skills/dashboard-creator --agent opencode
skilz install I-Onlabs/claude-code-skills/dashboard-creator --agent codex
skilz install I-Onlabs/claude-code-skills/dashboard-creator --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/I-Onlabs/claude-code-skills
2. Copy the agent skill directory:
cp -r claude-code-skills/dashboard-creator ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Non-Technical
Meta-Domain
general
Primary Domain
general
Sub-Domain
github skill use
Market Score
91

Agent Skill Grade

A
Score: 91/100 Click to see breakdown

Score Breakdown

Spec Compliance
12/15
PDA Architecture
28/30
Ease of Use
24/25
Writing Style
10/10
Utility
19/20
Modifiers: -2

Recommendations

  • Add trigger phrases to description for discoverability
  • Add table of contents for files over 100 lines

Graded: 2026-01-19

Developer Feedback

I took a look at your dashboard-creator skill and wanted to share some feedback.

Links:

The TL;DR

You're at 91/100, solidly in A territory. This is based on Anthropic's Claude Skills Best Practices. Your writing is chef's kiss (10/10) – direct, no fluff, pure imperative. Progressive Disclosure Architecture is nearly perfect (28/30). The weak spot is Spec Compliance (12/15) – mostly around trigger phrase coverage in your description.

What's Working Well

  • Writing style is excellent – You nailed the imperative voice throughout. No marketing speak, just clear instructions. That's harder than it looks.
  • Token economy is tight – Your SKILL.md is 79 lines of dense, useful content. You're not burning tokens on navigation or explanation that doesn't need to be there.
  • Perfect layered structure – SKILL.md overview with references exactly one level deep (design_patterns.md, svg_library.md). That's how you do Progressive Disclosure.
  • Workflow is crystal clear – Your numbered workflow steps are actionable and specific. Users know exactly what to do.

The Big One: Beef Up Your Trigger Phrases

Your description only has 1-2 trigger phrases, and that's hurting discoverability. Right now someone searching for "interactive chart" or "metrics visualization" won't find you.

The fix: Expand your description field in the SKILL.md frontmatter to include more trigger phrases. Add variants like:

  • create interactive dashboard
  • build metrics dashboard
  • generate HTML visualization
  • SVG chart creator

This is a quick win – you're literally just adding more search terms to your existing description. Could bump your Spe...

Report Security Issue

Found a security vulnerability in this agent skill?