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(240 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.
Production-ready workflow orchestration with 72 focused plugins, 108 specialized agents, and 129 skills - optimized for granular installation and minimal token usage
A Claude Code plugin bundling core development agents and tools from the wshobson/agents marketplace, providing a foundational set of AI-assisted capabilities with minimal token usage.
The error-debugging plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for diagnosing and resolving software errors.
A Claude Code plugin from the wshobson/agents marketplace providing specialized error diagnosis and troubleshooting agents for root cause analysis, stack trace investigation, and fix recommendations across technology stacks.
git-pr-workflows is a Claude Code plugin from the wshobson/agents marketplace that provides specialized Git and pull request workflow automation.
A specialized AI agent plugin for modernizing legacy codebases using Claude Code. Part of a comprehensive system of 112 specialized agents, it automates the assessment and transformation of outdated code into modern architectures and patterns.
A Claude Code plugin from the wshobson/agents marketplace for deployment validation, providing specialized AI agents and tools to ensure reliable production deployments within a 73-plugin ecosystem.
The data-validation-suite plugin is part of the wshobson/agents marketplace for Claude Code. It falls under the Data category, which includes two data-focused plugins: data engineering and data validation.