responsive-design
๐ฏSkillfrom wshobson/agents
|A Claude Code skill providing specialized responsive design expertise for cross-device UI development, part of the wshobson/agents marketplace with 73 focused plugins and progressive disclosure architecture.
Overview
Responsive Design is a Claude Code skill from the wshobson/agents marketplace that provides specialized expertise for building responsive, cross-device user interfaces. It is part of a comprehensive system of 73 focused plugins with 146 agent skills covering frontend development, using progressive disclosure to load knowledge only when activated.
Key Features
- Progressive Disclosure Architecture: Loads responsive design knowledge on demand rather than upfront, keeping token usage minimal while providing deep expertise when needed for layout, breakpoints, and media queries
- Part of a Granular Plugin System: Integrates with 73 single-purpose plugins, each averaging 3.4 components, allowing it to work alongside related frontend, CSS, and UI development tools
- Multi-Model Strategy Support: Benefits from the three-tier model approach (Opus for architecture, Sonnet for development, Haiku for quick tasks) to provide appropriate depth of analysis for responsive design challenges
- Composable with Other Skills: Combines with the marketplace's other frontend and design skills to provide comprehensive UI development support across mobile, tablet, and desktop contexts
Who is this for?
- Frontend developers working on cross-device layouts who want AI assistance with responsive breakpoints, flexible grids, and media query strategies
- Teams building modern web applications that need to ensure consistent UX across mobile, tablet, and desktop screen sizes
- Developers using the wshobson/agents plugin ecosystem who need specialized responsive design guidance alongside their other installed plugins
Same repository
wshobson/agents(268 items)
Installation
npx vibeindex add wshobson/agents --skill responsive-designnpx skills add wshobson/agents --skill responsive-design~/.claude/skills/responsive-design/SKILL.mdSKILL.md
More from this repository10
Comprehensive Claude Code plugin collection with 112 AI agents, 146 skills, and 73 focused plugins covering full-stack development, security, infrastructure, and multi-agent orchestration.
A specialized agent skill for advanced TypeScript type system patterns, part of the wshobson/agents plugin marketplace with 146 skills across 73 plugins for Claude Code.
Agent skill for Node.js backend development patterns including API design, architecture, and microservices, part of the wshobson/agents collection with 73 focused plugins and 146 skills for Claude Code.
Claude Code plugin for AI-powered framework migration workflows, coordinating specialized agents to plan and execute transitions between technology stacks as part of the wshobson/agents marketplace.
A Claude Code plugin for payment system integration covering Stripe, PayPal, and billing platforms with checkout flows, subscription management, and webhook handling in the wshobson/agents ecosystem.
A Claude Code plugin bundling core development tools and agents for everyday tasks like debugging and code generation, part of the wshobson/agents marketplace with 73 focused plugins.
Claude Code plugin for observability and monitoring including logging, metrics, distributed tracing, and alerting, part of the wshobson/agents marketplace with 73 focused plugins.
A Claude Code plugin providing specialized AI agents for deployment strategy planning and execution, covering blue-green deployments, canary releases, rolling updates, and zero-downtime patterns.
A Claude Code plugin for rapid API project scaffolding, part of the wshobson/agents marketplace with 73 focused plugins, 112 specialized agents, and 146 agent skills.
Claude Code plugin for JVM language development including Java, Kotlin, and Scala with specialized agents for idiomatic patterns, build tools, and runtime optimization in the wshobson/agents marketplace.