| name | dashboard-drilldown-and-controls |
| description | Add responsive filters, controls, and drill-down paths so dashboards stay simple at first glance but deeper on demand. Use when requests mention "filters", "drill down", "responsive dashboard", "too much detail", or "users need control". |
Dashboard Drill-Down and Controls
Keep the dashboard lightweight by showing the overview first and letting users reveal detail through filters, toggles, and focused follow-up views.
When to Use This Skill
- The dashboard is trying to show every detail on the first screen
- Users need to filter, scope, or switch views without leaving context
- A right rail or detail panel should respond to the user's current focus
- Mobile and desktop need different emphasis without losing the same content model
- The page needs better drill-down links from summary cards into deeper views
Workflow Overview
- Define the minimum useful overview for the default state.
- Identify which details should be hidden behind filters, tabs, drawers, or dedicated follow-up pages.
- Add obvious controls that help users narrow the view without increasing clutter.
- Ensure every summary card has a next step: open, expand, inspect, or filter.
- Test the layout across mobile, tablet, desktop, and wide screens to confirm the same hierarchy still holds.
Interaction Rules
- Overview first, detail on demand.
- Filters should reduce cognitive load, not add another wall of controls.
- Make the next drill-down path obvious from summaries and KPIs.
- Use responsive behavior to shift emphasis, not to hide the meaning of the page.
- Avoid placing secondary controls ahead of the primary workflow.
Examples
- "Keep this dashboard simpler and move the rest behind filters."
- "Add a cleaner path from summary tiles into detailed views."
- "Make the dashboard responsive without stacking everything blindly."
- "Users need control over which data is front and center."
