delimit_design_validate_responsive
Validate responsive design patterns in CSS by checking for missing media queries, fixed widths, and non-mobile-first approaches. Use as a CI check after UI/CSS edits.
Instructions
Validate responsive design patterns via static CSS analysis.
When to use: as a CI check after editing UI/CSS, to flag missing media queries, fixed widths, or non-mobile-first patterns. When NOT to use: for accessibility audits (use delimit_story_accessibility) or component scaffolding (delimit_design_generate_component).
Sibling contrast: delimit_story_accessibility checks WCAG; this checks responsive patterns.
Side effects: read-only static analysis of CSS files. Calls backends.ui_bridge.design_validate_responsive. Coerces check_types from comma string to list via _coerce_list_arg.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| project_path | Yes | Project path to validate. Required. | |
| check_types | No | Specific checks ("breakpoints", "containers", "fluid-type", etc.) as comma string or list. None = all. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||