lmiranda
4ba38eb620
Updated: - projman: 4 commands + 4 skills + integration snippet - git-flow: 4 commands + 3 skills + integration snippet - pr-review: 1 command cross-reference - cmdb-assistant: 1 command + 1 skill - data-platform: 8 commands + integration snippet - viz-platform: 11 commands + integration snippet - contract-validator: 1 command + 1 skill + 1 agent Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
44 lines
1.1 KiB
Markdown
44 lines
1.1 KiB
Markdown
---
|
|
description: Configure responsive breakpoints for dashboard layouts
|
|
---
|
|
|
|
# Viz Breakpoints
|
|
|
|
## Skills to Load
|
|
- skills/mcp-tools-reference.md
|
|
- skills/responsive-design.md
|
|
|
|
## Visual Output
|
|
|
|
```
|
|
+------------------------------------------------------------------+
|
|
| VIZ-PLATFORM - Breakpoints |
|
|
+------------------------------------------------------------------+
|
|
```
|
|
|
|
Configure responsive breakpoints for mobile-first design across screen sizes.
|
|
|
|
## Usage
|
|
|
|
```
|
|
/viz-breakpoints {layout_ref}
|
|
```
|
|
|
|
## Arguments
|
|
|
|
- `layout_ref` (required): Layout name to configure breakpoints for
|
|
|
|
## Workflow
|
|
|
|
1. **User invokes**: `/viz-breakpoints my-dashboard`
|
|
2. **Agent asks**: Which breakpoints to customize? (shows current settings)
|
|
3. **Agent asks**: Mobile column count? (xs, typically 1-2)
|
|
4. **Agent asks**: Tablet column count? (md, typically 4-6)
|
|
5. **Agent applies**: Breakpoint configuration via `layout_set_breakpoints`
|
|
6. **Agent returns**: Complete responsive configuration
|
|
|
|
## Related Commands
|
|
|
|
- `/viz-dashboard {template}` - Create layout with default breakpoints
|
|
- `/viz-theme {name}` - Theme includes default spacing values
|