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(234 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
The ui-design plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for UI/UX design assistance within development workflows.
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.
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.
Shell Scripting is a Claude Code plugin from the wshobson/agents marketplace that provides AI-powered assistance for writing and maintaining shell scripts.
An MLOps plugin from the wshobson/agents ecosystem providing Claude Code with specialized agents and skills for ML pipeline management, model deployment, experiment tracking, and production monitoring.
A Claude Code plugin with specialized AI agents for accessibility compliance auditing, WCAG standards verification, and remediation guidance in web and mobile applications.
The reverse-engineering plugin is part of the wshobson/agents marketplace for Claude Code, providing specialized AI agents for code analysis, binary examination, and system reverse engineering tasks.
A Claude Code plugin for CI/CD automation with 4 specialized skills covering pipeline design, GitHub Actions, GitLab CI, and secrets management, part of the wshobson/agents marketplace.
The functional-programming plugin is part of the wshobson/agents marketplace for Claude Code. It falls under the Languages category, which includes seven language-focused plugins covering Python, JavaScript/TypeScript, systems programming, JVM, sc...
Comprehensive Review is a Claude Code plugin from the wshobson/agents marketplace that provides multi-perspective code analysis covering architecture, security, and best practices.