Dashboard Design

Pre-Flight: Check Design Context

Before generating dashboard code:

1. Use get_design_context to check for existing design tokens, component libraries, or dashboard frameworks.
2. If a Figma URL is provided, pull screenshots and metadata to match the design.
3. Determine: What data is being shown? Who is the user? What actions do they need to take?

1. Layout Patterns

Pattern A: Sidebar + Main Content (Most Common)