Magic Patterns
Discuss and iterate on Magic Patterns designs
Discuss and iterate on Magic Patterns designs directly from Claude. Magic Patterns is an AI agent specialized in frontend design.
Install
1Add the server to Claude Code
claude mcp add --transport http magic-patterns https://mcp.magicpatterns.com/mcp2Sign in
Run /mcp in Claude Code and complete the login flow for this server.
These instructions target Claude Code. Check the publisher's documentation for support in other Claude surfaces; a valid server URL alone does not establish compatibility.
JSON.mcp.json for a shared project
Commit this file so everyone on the project gets the same server.
{
"mcpServers": {
"magic-patterns": {
"type": "http",
"url": "https://mcp.magicpatterns.com/mcp"
}
}
}Tools
- get_design
- read_files
- update_design