Not in the top 1,000 by GitHub stars
abdiraimov-otabek/dashboard-design-skill
A Claude Code skill for clean, honest dashboard UI: KPI tiles, charts, date pickers, ranked lists, states, layouts and a screenshot QA pass. Distilled from 127 shipped dashboards.
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
skills/dashboard-design/SKILL.md
Week of Nov 2, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → b813324aea08
No earlier version was observed for comparison.
View on GitHubAdd to my skills
Verified commit b813324aea08dc19a82d2bd9ea73824dfdd0e844
git clone --filter=blob:none --no-checkout https://github.com/abdiraimov-otabek/dashboard-design-skill.git .hotskills/abdiraimov-otabek-dashboard-design-skill && git -C .hotskills/abdiraimov-otabek-dashboard-design-skill checkout --detach b813324aea08dc19a82d2bd9ea73824dfdd0e844
# Copy each selected skill directory from .hotskills/abdiraimov-otabek-dashboard-design-skill into .claude/skills/<skill-name>/384GitHub stars
256stars in 7 days
1skill in this repository
7commits in 30 days
Heat
8.0- Star growth, last 7 daysNot available
- Star growth, last 24 hoursNot available
- Rank movement, last 7 daysNot available
- Commits, last 30 daysNot available
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekNot available
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
30-day change not yet available: not enough history.
Individual skills in this repository
- dashboard-design
skills/dashboard-design
How it works
dashboard-design
When your agent uses it
Clean, honest dashboard UI for web and SwiftUI — KPI cards, charts, heatmaps, bullet graphs, comparison periods, ranked breakdowns, date range pickers, filters, empty and loading states, wide and phone layouts, plus a screenshot QA pass. Use when building, redesigning or critiquing an analytics, revenue, metrics, school or admin dashboard, a stats page, or any data-heavy screen.
What it loads into context
Frontmatter
91 tokensAlways available to the agent
SKILL.md
2,010 tokensWhen the skill is activated
Reference documents
21,355 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Leading words
- Build or redesign
- Critique ("is this a good design?")
- Rules that apply everywhere
- Sign-off
- House style (default taste)
Files
../../.claude-plugin/marketplace.jsonasset550 bytes../../.claude-plugin/plugin.jsonasset1,003 bytesSKILL.mdcore8,374 bytesreferences/case-study-datafast.mddoc2,560 bytesreferences/case-study-school-dashboard.mddoc4,371 bytesreferences/components.mddoc15,189 bytesreferences/layout.mddoc3,989 bytesreferences/perception.mddoc10,316 bytesreferences/qa.mddoc7,769 bytesreferences/snippets.mddoc14,146 bytesreferences/sources.mddoc7,749 bytesreferences/swiftui.mddoc12,731 bytesreferences/tokens.mddoc3,578 bytes
Read SKILL.md
# Dashboard design
Distilled from 127 shipped dashboard screens, the field's classics (Stephen Few, Edward Tufte, Cole Nussbaumer
Knaflic, Cleveland & McGill, Nielsen Norman Group), two full teardowns, and real redesigns where every rule below
was broken once, seen on a screenshot, and fixed. Sources: [references/sources.md](references/sources.md).
A dashboard answers **one question per screen at first glance** ("is the school OK today?", "is it growing, and
what's driving it?"), shows what needs attention, and puts the action one click away. Every element answers the
question, flags a problem, or gets out of the way.
## Leading words
- **First glance**: what a reader gets in 3 seconds without hovering. Design for it first.
- **Monitor**: the reader's sequence: overview → what needs attention → closer look → act. Problems are found in aSkills included
- dashboard-design
Repository facts
- License
- MIT
- Created
- Oct 20, 2026
- Last pushed
- Oct 28, 2026
- Forks
- 21
- Open issues
- 0
- Project activity
- Active
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 5, 2026
- No broad tool permissions
- No dangerous shell commands
- 15 network referencesin 4 files: .claude-plugin/plugin.json:1 .claude-plugin/marketplace.json:1 dashboard-design/references/snippets.md:156 and 1 more
- No hidden or obfuscated text
- No instruction overrides
- No executable scripts
- No access to secrets
- No requests to vote in Hot
Show all 15 signals by file
.claude-plugin/marketplace.json
- Network accessline 1
{ "name": "dashboard-design-skill", "owner": { "name": "Otabek Abdiraimov", "url": "https://github.com/abdiraimov-otabek" }, - Network accessline 2
"name": "dashboard-design-skill", "owner": { "name": "Otabek Abdiraimov", "url": "https://github.com/abdiraimov-otabek" }, "metadata": { "description": "A Claude Code skill for designing clean, honest analytics and revenue dashboards." - Network accessline 3
"owner": { "name": "Otabek Abdiraimov", "url": "https://github.com/abdiraimov-otabek" },
.claude-plugin/plugin.json
- Network accessline 1
{ "$schema": "https://anthropic.com/claude-code/plugin.schema.json", - Network accessline 2
"$schema": "https://anthropic.com/claude-code/plugin.schema.json", - Network accessline 4
"version": "2.0.0", "description": "Clean, honest, wordless dashboard UI for Claude Code: KPI cards, charts, heatmaps, bullet graphs, comparison periods, ranked breakdowns, date range pickers, filters, empty states, wide and phone layouts - Network accessline 5
"description": "Clean, honest, wordless dashboard UI for Claude Code: KPI cards, charts, heatmaps, bullet graphs, comparison periods, ranked breakdowns, date range pickers, filters, empty states, wide and phone layouts, and a screenshot QA - Network accessline 6
"author": { "name": "Otabek Abdiraimov", "url": "https://github.com/abdiraimov-otabek" }, - Network accessline 7
"homepage": "https://github.com/abdiraimov-otabek/dashboard-design-skill", - Network accessline 8
"repository": "https://github.com/abdiraimov-otabek/dashboard-design-skill",
skills/dashboard-design/SKILL.md
skills/dashboard-design/references/snippets.md
- Network accessline 156
async function load() { const n = ++seq.current; const body = await fetch(url).then(r => (r.ok ? r.json() : null)).catch(() => null); - Network accessline 157
const n = ++seq.current; const body = await fetch(url).then(r => (r.ok ? r.json() : null)).catch(() => null); if (n !== seq.current) return; // a newer request started: this answer is for a site/range no longer shown - Network accessline 158
const body = await fetch(url).then(r => (r.ok ? r.json() : null)).catch(() => null);
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
Signal confidence: 5 facts
- Network access in prose of the SKILL.mddashboard-design/SKILL.md:101Low confidence
- Network access in prose of the SKILL.mddashboard-design/SKILL.md:102Low confidence
- Network access in code of documentationdashboard-design/references/snippets.md:156Low confidence
- Network access in code of documentationdashboard-design/references/snippets.md:157Low confidence
- Network access in code of documentationdashboard-design/references/snippets.md:158Low confidence
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Native | Manifest .claude-plugin/marketplace.json | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md skills/dashboard-design/SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md skills/dashboard-design/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md skills/dashboard-design/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md skills/dashboard-design/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md skills/dashboard-design/SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
