Updated 1d ago
by 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.
107 GitHub stars (107)
+107 in 3 days
| Period | New stars |
|---|---|
| Oct 22 | +5 |
| Oct 23 | +10 |
- 1 skill (1 skills found in its SKILL.md files)
- 6 forks (6 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add abdiraimov-otabek/dashboard-design-skill
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/abdiraimov-otabek/dashboard-design-skillcp -r "dashboard-design-skill/skills/dashboard-design" ~/.claude/skills/
Copies the dashboard-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add abdiraimov-otabek/dashboard-design-skill
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
dashboard-design
Clean, honest dashboard UI for web and SwiftUI — KPI tiles, charts, comparison periods, ranked breakdowns, date range pickers, filters, insights, empty and loading states, wide and phone layouts, plus a screenshot QA pass. Use when building, redesigning or critiquing an analytics, revenue, metrics or admin dashboard, a stats page, or any data-heavy screen.
skills/dashboard-design/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.