Layout System
MCP Serverby majiayu000 · Added 5mo ago
Claude
76
Install
git clone https://github.com/majiayu000/claude-skill-registryAdd to Claude
claude mcp add layout-systemQuick Setup Config
Copy & paste ready~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)
{
"mcpServers": {
"layout-system": {
"command": "npx",
"args": [
"@modelcontextprotocol/layout-system"
]
}
}
}Paste into your Claude Desktop config file, then restart Claude.
About
Master responsive layout design using modern CSS (Flexbox, Grid), mobile-first approach, and breakpoint strategies. Create layouts that adapt beautifully across all devices while maintaining accessibility and performance. Includes container queries, aspect ratios, and advanced responsive patterns.
Tags
developmentjavascriptgojavatestingskill