responsive-craft - Implement responsive layouts across multiple viewports
Implements responsive web design by auditing existing sites, building mobile-first layouts, and launching multi-breakpoint previews.
Tags
Updated: 2026-09-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Audit existing responsive layouts
- Build mobile-first responsive layouts
- Launch live multi-breakpoint previews
- Capture viewport screenshots for comparison
- Present layout design forks with tradeoffs
Inputs
- Target web URL or HTML file
- Responsive design operation mode
- Interactivity level selection
Outputs
- Responsive CSS code and inline specifications
- Multi-breakpoint live preview window
- Snapshot comparison HTML report
Requirements
- Node.js runtime
- dev-browser tool for headless screenshots