responsive-craft
Make your website work across screen sizes.
What it does
Improves website layouts across screen sizes, builds responsive layouts, and provides live previews at multiple widths.
When to use it
Use when building responsive layouts, fixing mobile layout issues, adding breakpoints, handling sticky or scrolling layouts, or previewing screen widths.
How to use it
Give it a responsive design task; it asks discovery questions and works with you on design decisions, with optional behavior specs and approval before coding.
What you provide
- An existing project
What you need · 2
Node.js is required for the bundled live-preview and snapshot tools, rather than for the responsive coding guidance itself.
The optional snapshot feature requires dev-browser for headless screenshots.
Access · 3
This skill
web pages
Opens sites at multiple widths
node
Starts a background preview server