Skip to content
MeloSkill

Dashboards

Dashboard UI skills for coding agents

Admin surfaces, chart layout, and the product UI patterns agents flatten into a table plus a purple chart.

Last reviewed 2026-09-10 · 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-07-27 pass
shadcn
shadcn-ui/ui
When the dashboard will be implemented with shadcn primitives (table, sidebar, cards). Any agent 2026-07-23 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.

Related tasks