Responsive Web Design

This one gives Claude the fundamentals for building layouts that adapt across devices. You get mobile-first media queries, Flexbox navigation patterns, CSS Grid layouts, and responsive typography techniques. The reference guides cover specific implementations like card components and breakpoint strategies. It's practical if you're building anything that needs to work from phones to desktops without making users pinch and zoom. The approach is straightforward modern CSS, nothing fancy, just the core techniques you'd expect. Useful for getting consistent responsive patterns without reinventing breakpoints every project.

Install to Claude Code

npx -y skills add aj-geddes/useful-ai-prompts --skill responsive-web-design --agent claude-code