Using Relume MCP for modern web design: full guide
Connect and check it out: https://www.relume.ai/relume-library-mcp
MCP has existed for a while, but between many tools the communication was not exactly pro-ready. Well I'm happy to say that's changing and more and more providers are doing MCP right. In this workflow I built my website for Calmwave breathing app using Relume MCP with Claude Code as part of the workflow. This is a workflow that I made for myself, not a standard MCP one, so it has a couple of steps most vibe-coders skip. I don't skip stuff because I am expecting quality :)
The end result turned out great, exactly on brand, with full consistency and using human made components. AI just assembles, but withing rulesets set by smart people. I like that!
You can also check out the site itself at https://calmwave.io
This is right now one of my workflows that I use for specific use-cases, so partnering with Relume made sense. It works, does the job surprisingly well and with proper workflow structure can help you skip that "ai-look-feeling" most generated websites have. Just to show that I also just vibe-coded the site hero and show a comparison at the end.
#mcp #ai #webdevelopment
00:00 AI makes you faster but not better
00:31 Workflow that makes sense
00:57 Consistency problem with AI
02:12 What we're building
03:03 Creating PRD and documentation
05:07 How to connect to MCP in Claude Code?
05:30 Claude is building the design
05:59 Preview of first draft
07:23 Changing animations
07:41 The end result
08:27 Vibe-coded boring version
08:56 How to use Relume MCP?
MCP has existed for a while, but between many tools the communication was not exactly pro-ready. Well I'm happy to say that's changing and more and more providers are doing MCP right. In this workflow I built my website for Calmwave breathing app using Relume MCP with Claude Code as part of the workflow. This is a workflow that I made for myself, not a standard MCP one, so it has a couple of steps most vibe-coders skip. I don't skip stuff because I am expecting quality :)
The end result turned out great, exactly on brand, with full consistency and using human made components. AI just assembles, but withing rulesets set by smart people. I like that!
You can also check out the site itself at https://calmwave.io
This is right now one of my workflows that I use for specific use-cases, so partnering with Relume made sense. It works, does the job surprisingly well and with proper workflow structure can help you skip that "ai-look-feeling" most generated websites have. Just to show that I also just vibe-coded the site hero and show a comparison at the end.
#mcp #ai #webdevelopment
00:00 AI makes you faster but not better
00:31 Workflow that makes sense
00:57 Consistency problem with AI
02:12 What we're building
03:03 Creating PRD and documentation
05:07 How to connect to MCP in Claude Code?
05:30 Claude is building the design
05:59 Preview of first draft
07:23 Changing animations
07:41 The end result
08:27 Vibe-coded boring version
08:56 How to use Relume MCP?