Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
mog install mogteam/wshobson-responsive-design
Sourced from wshobson/agents under the MIT license.
After installing, your AI assistant needs a pointer to the skill file. Use the agent card below or the --wire flag.
Install + auto-wire
mog install mogteam/wshobson-responsive-design --target cursor --wireCreates .cursor/rules/wshobson-responsive-design.mdc pointing to the skill.
Agent card
## Wshobson Responsive Design Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior. - **Install**: `mog install mogteam/wshobson-responsive-design --target cursor` - **Type**: skill - **Path after install**: `.cursor/skills/wshobson-responsive-design/SKILL.md` - **Targets**: cursor, claude-code, codex, gemini-cli, windsurf, generic When editing, read and follow @.cursor/skills/wshobson-responsive-design/SKILL.md
Paste into AGENTS.md, .cursor/rules, or your agent's instructions.
Install paths by target
No ratings yet.
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
Free
mog install mogteam/wshobson-responsive-designSource
wshobson
github.com/wshobson/agentsThis package is sourced from the above repository and distributed on mog under its original license.
@mogteam
Official curated skills and prompt templates from the mog.md team.