Skip to content
MeloSkill

Dashboards

Dashboard UI skills for coding agents

This page is a short list of agent skills for admin dashboards — filters, hierarchy, empty states, and chart layout instead of a flat table plus one purple chart. Compare the entries below, install one from GitHub or paste its SKILL.md, then ask your agent to build or refine the dashboard. Reach for structure-first skills before a component kit like shadcn when that stack is yours.

Last reviewed 2026-10-24 · Methodology · How to choose · How to install

Skill When to use it Platform Updated Safety
UI/UX Pro Max
nextlevelbuilder/ui-ux-pro-max-skill
When the dashboard is a product surface: information hierarchy, filters, empty states. Claude Code 2026-08-13 pass
Web Design Guidelines
vercel-labs/agent-skills
When you need web interface rules (density, type, layout) without a named UX kit. Any agent 2026-01-16 pass
Prototype
emilkowalski/skills
When the dashboard is a throwaway prototype and speed matters more than a design system. Any agent 2026-09-15 pass
shadcn
shadcn-ui/ui
When the dashboard will be implemented with shadcn primitives (table, sidebar, cards). Any agent 2026-10-14 pass

Safety is a text search on the file, not an audit. Pass / Review / Risk are explained in the evaluation guide.

  1. 01

    UI/UX Pro Max

    Product-dashboard structure: hierarchy, filters, empty states. Use it when the screen is a real admin surface, not a throwaway. It does not fetch metrics.

    npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/HEAD/.claude/skills/ui-ux-pro-max

  2. 02

    Web Design Guidelines

    Web interface rules for density and layout when you do not want a named UX kit. Complements ui-ux-pro-max; it will not invent a dashboard information architecture by itself.

    npx skills add https://github.com/vercel-labs/agent-skills/tree/HEAD/skills/web-design-guidelines

  3. 03

    Prototype

    Fast, disposable UI. Use it when the dashboard is a prototype and speed matters more than a system. Do not use it as the long-term design-system skill.

    npx skills add https://github.com/emilkowalski/skills/tree/HEAD/skills/prototype

  4. 04

    shadcn

    When the dashboard will be built from shadcn table, sidebar, and card primitives. Implementation kit, not UX structure. Pair with ui-ux-pro-max if the agent is flattening the layout.

    npx skills add https://github.com/shadcn-ui/ui/tree/HEAD/skills/shadcn

FAQ

Is there a dedicated dashboard-creator skill?

Not as a single official file right now. ui-ux-pro-max plus web-design-guidelines cover the layout job; prototype is for a fast, disposable pass.

Should I add a charting MCP?

Only if you need live data tools. These skills do not fetch metrics. They tell the agent how the screen should be structured.

How do I keep the dashboard from looking generated?

Pair this task with the taste task if the first render is a generic admin template.

Can I use this with Grok Bot?

Yes. Paste the SKILL.md into Grok Bot or attach the file, then ask for the same job this page describes. MeloSkill is not affiliated with xAI. Grok Bot instructions: Grok Bot playbooks.

Related tasks