responsive-design

Q: How to install responsive-design?

Open your MCP config: ~/.claude.json. Then add the config to "mcpServers": { "responsive-design": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

Q: What is responsive-design best for?

responsive-design is categorized under General. It covers: design.

New

28.2kSmitheryGeneralby wshobson

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.

First seen 6/2/2026

Install & Usage

Open your MCP config

~/.claude.json

Add the server config

Add the configuration to "mcpServers": { "responsive-design": { "command": "...", "args": [] } }

Restart Claude Code

/mcp

View source on GitHub

design

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is responsive-design?

How to install responsive-design?

To install responsive-design: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "responsive-design": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is responsive-design best for?

responsive-design is a mcp categorized under General. It is designed for: design. Created by wshobson.