skills.rest
kylezantoskylezantosCommunity·1 Agent Skills Included

responsive-craft

Responsive web layouts, breakpoint previews, and mobile-first CSS

Builds and fixes responsive website layouts using mobile-first CSS, container queries, and fluid sizing. Audits existing code for common responsive failures like broken sticky headers, mobile viewport overflow, and desktop-first media queries. Opens a live multi-breakpoint browser preview so you can test every screen size at once without manual resizing.
58|3
↗
npx skills add kylezantos/responsive-craft --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
kylezantoskylezantos

responsive-craft

Implement responsive design with mobile-first layouts and multi-breakpoint verification.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install responsive-craft?▼

Run `npx skills add kylezantos/responsive-craft --all -g -y` in your terminal to install it globally for your coding agent.

How to make an existing website responsive?▼

Run the audit mode to scan your codebase for responsive issues, review suggested fixes for ambiguous layout patterns, and apply corrections in priority order.

How to preview all breakpoints at once?▼

Use the preview mode to open live interactive iframes at 375px, 768px, 1024px, and 1440px in your browser, all pointing at your dev server.

Does responsive-craft work with Tailwind CSS?▼

Yes. It detects your CSS approach and adapts output for Tailwind, CSS-in-JS, component libraries like MUI and shadcn, or vanilla CSS.

Which coding agents support responsive-craft?▼

It works with Claude Code, Codex, Cursor, Gemini CLI, Windsurf, and other agents that support the standard SKILL.md format.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills