← All skills
creating-dashboards
75 / 100 · Review before installing
Check before installing.
By ancoleman/ai-design-components (GitHub) · design · 530 stars · scanned at commit 76551b7
Creates comprehensive dashboard and analytics interfaces that combine data visualization, KPI cards, real-time updates, and interactive layouts. Use this skill when building business intelligence dashboards, monitoring systems, executive reports, or any interface that requires multiple coordinated data displays with filters, metrics, and visualizations working together.
Works with any agent that supports SKILL.md skills.
What this skill can do
Runs commands on your computer
The author does not mention this.
Found in 4 places.
Show 1 more
Connects to the internet
The author does not mention this.
Found in 16 places.
Show 13 more
- skills/creating-dashboards/references/layout-strategies.md, line 436
const response = await fetch(`/api/dashboard/layout/${userId}`); - skills/creating-dashboards/references/layout-strategies.md, line 450
fetch(`/api/dashboard/layout/${userId}`, { - skills/creating-dashboards/references/performance-optimization.md, line 146
const response = await fetch(`/api/widget/${widget.id}/data`); - skills/creating-dashboards/references/performance-optimization.md, line 509
async fetch(endpoint: string, params: any): Promise<any> { - skills/creating-dashboards/references/performance-optimization.md, line 540
const response = await fetch('/api/batch', { - skills/creating-dashboards/references/performance-optimization.md, line 566
fetch(endpoint, { - skills/creating-dashboards/references/performance-optimization.md, line 598
const data = await fetch(`/api/widget/${widget.id}/data`, { - skills/creating-dashboards/references/real-time-updates.md, line 176
const ws = new WebSocket(url); - skills/creating-dashboards/references/real-time-updates.md, line 394
const response = await fetch(endpoint); - skills/creating-dashboards/references/real-time-updates.md, line 426
const response = await fetch(endpoint, { - skills/creating-dashboards/references/real-time-updates.md, line 495
this.updateSource = new WebSocket(endpoint); - skills/creating-dashboards/references/real-time-updates.md, line 718
const response = await fetch(endpoint); - skills/creating-dashboards/scripts/export-dashboard.py, line 177
response = requests.get(args.api_url)
Downloads and installs other software
The author does not mention this.
Found in 2 places.
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'creating-dashboards' ] || [ -L ~/.agents/skills/'creating-dashboards' ]; then echo 'A skill folder named creating-dashboards already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/ancoleman/ai-design-components' "$d" && git -C "$d" checkout --quiet '76551b7b19ebc667764ec75da14990d0aef8b6e5' -- 'skills/creating-dashboards' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/creating-dashboards' ~/.agents/skills/'creating-dashboards' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'creating-dashboards' ~/.claude/skills/'creating-dashboards' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for ancoleman/ai-design-components shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/ancoleman/ai-design-components/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | 76551b7 | 100 |
| 2026-11-07 | 76551b7 | 75 |