Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

I built a design MCP server for Claude Code, Codex, and OpenCode. It searches hundreds of beautiful websites and gives your coding agent design inspiration. Launching next week.

Hassan

99,471 subscribers

25,861 views • 3 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

‼️found a site that ends AI design slop. superrr is an MCP server that gives your coding agent taste. they measured 132 real landing pages, verified 123 of them and pulled out 17 design directions with exact tokens. the agents still writes the code. superrr picks the direction, hands it the structure then grades what it built by scanning the live page after. no more generic purple gradient landing pages. their landing page was one-shotted with it. three lines to connect to Claude. link:

‼️found a site that ends AI design slop. superrr is an MCP server that gives your coding agent taste. they measured 132 real landing pages, verified 123 of them and pulled out 17 design directions with exact tokens. the agents still writes the code. superrr picks the direction, hands it the structure then grades what it built by scanning the live page after. no more generic purple gradient landing pages. their landing page was one-shotted with it. three lines to connect to Claude. link:

sui

25,411 views • 26 days ago

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.

Ado

26,791 views • 8 days ago

Introducing x-cli! Use it in claude code, codex, openclaw, opencode, or anything you'd like. It's a cli tool, not a MCP. It won't waste context space when not being used. Simply paste this into your agent session: "Setup

Introducing x-cli! Use it in claude code, codex, openclaw, opencode, or anything you'd like. It's a cli tool, not a MCP. It won't waste context space when not being used. Simply paste this into your agent session: "Setup

Elliot Arledge

187,515 views • 6 months ago

UI/UX Designers, you can now give your AI coding agent a better design taste. I just found Refero Styles that has a library with 2,000+ DESIGN.md files from real product sites covering colors, typography, spacing, and components. Ready to paste into Cursor, Claude Code, v0, and Lovable so your agent can build with better design direction Can’t believe it’s free; bookmark it for later. 💜

UI/UX Designers, you can now give your AI coding agent a better design taste. I just found Refero Styles that has a library with 2,000+ DESIGN.md files from real product sites covering colors, typography, spacing, and components. Ready to paste into Cursor, Claude Code, v0, and Lovable so your agent can build with better design direction Can’t believe it’s free; bookmark it for later. 💜

Abraham John 🦄🦓

29,401 views • 7 days ago

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.

Felix Lee

43,939 views • 5 months ago

You can now review the code written by Claude Code, Codex, OpenCode, and more directly in Warp, and send inline comments straight to the agent. It's like a PR review without having to leave your terminal. Try it out!

You can now review the code written by Claude Code, Codex, OpenCode, and more directly in Warp, and send inline comments straight to the agent. It's like a PR review without having to leave your terminal. Try it out!

Warp

223,216 views • 5 months ago

I hated how bad agents are at design I hated how Codex can't access Mobbin So I created Lazyweb - 257k+ screens (apps/web) - 6 opinionated design research skills - 1 MCP (Claude/Codex) 100% Free...AI native...no rate limits...no subscriptions.. Enjoy (and tell a friend) 🫡

I hated how bad agents are at design I hated how Codex can't access Mobbin So I created Lazyweb - 257k+ screens (apps/web) - 6 opinionated design research skills - 1 MCP (Claude/Codex) 100% Free...AI native...no rate limits...no subscriptions.. Enjoy (and tell a friend) 🫡

Ali Abouelatta

368,095 views • 4 months ago

I built a TUI design tool for my work at OpenCode and I’ve been using it for the last 2 weeks → Design directly on the terminal grid → ASCII borders that join automatically → Flexbox, multiplayer, sections etc

I built a TUI design tool for my work at OpenCode and I’ve been using it for the last 2 weeks → Design directly on the terminal grid → ASCII borders that join automatically → Flexbox, multiplayer, sections etc

Aarav Sareen

108,106 views • 13 days ago

The W&B MCP server is officially LIVE! Coding agents could always read your code. Now they can read your experiments, monitor training, and drive their own research loops. 20 tools, hosted on every W&B deployment, plugs into Claude Code, Cursor, Codex, Gemini-CLI, and LeChat.

The W&B MCP server is officially LIVE! Coding agents could always read your code. Now they can read your experiments, monitor training, and drive their own research loops. 20 tools, hosted on every W&B deployment, plugs into Claude Code, Cursor, Codex, Gemini-CLI, and LeChat.

Weights & Biases

16,305 views • 3 months ago

🚨 Claude Code & Codex are EXPENSIVE !! So, I found a CHEAPER AI Agent called WorkBuddy I just tested a new AI model called Hy4 preview And its built for → Coding → Tool use → Deep research → Multi-step workflows And the setup is surprisingly simple. Here’s the tutorial 👇

🚨 Claude Code & Codex are EXPENSIVE !! So, I found a CHEAPER AI Agent called WorkBuddy I just tested a new AI model called Hy4 preview And its built for → Coding → Tool use → Deep research → Multi-step workflows And the setup is surprisingly simple. Here’s the tutorial 👇

AGAFE

78,779 views • 10 days ago

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.

James McDonald

35,355 views • 7 months ago

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇

Daniel San

79,115 views • 5 months ago

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

58,863 views • 3 months ago

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.

Simplifying AI

56,805 views • 1 month ago

No coding. No data leaks. Just your agent, live on-chain. Build a private AI agent or app in the Vibe Code Challenge: Agent Edition. 175,000 $COTI in prizes Agent Skills, MCP, and Messaging SDK Works with Claude, OpenAI, Hermes, Manus Build it to win it. Enter now!

No coding. No data leaks. Just your agent, live on-chain. Build a private AI agent or app in the Vibe Code Challenge: Agent Edition. 175,000 $COTI in prizes Agent Skills, MCP, and Messaging SDK Works with Claude, OpenAI, Hermes, Manus Build it to win it. Enter now!

COTI Foundation

3,182,647 views • 2 months ago

I built an mcp server to have Cursor agent find and add cursor rules to your project no more manual search or commands needed! just ask the agent and get back to vibe coding in your language of choice who wants to test this out for me? lemme know

I built an mcp server to have Cursor agent find and add cursor rules to your project no more manual search or commands needed! just ask the agent and get back to vibe coding in your language of choice who wants to test this out for me? lemme know

Ian Nuttall

62,294 views • 1 year ago

I ABANDONED LOVABLE AFTER SEEING WHAT CLAUDE CODE CAN ACTUALLY DO basic generators are great for quick ideas but trying to build a premium site with Lovable feels like playing in a sandbox I gave Claude Code a few custom design skills instead 4 minutes later it built a premium design they would have quoted me $7,500 for the difference between generic templates and a skilled local agent is literally worth thousands grab the full guide below 👇

I ABANDONED LOVABLE AFTER SEEING WHAT CLAUDE CODE CAN ACTUALLY DO basic generators are great for quick ideas but trying to build a premium site with Lovable feels like playing in a sandbox I gave Claude Code a few custom design skills instead 4 minutes later it built a premium design they would have quoted me $7,500 for the difference between generic templates and a skilled local agent is literally worth thousands grab the full guide below 👇

Mr. Buzzoni

176,242 views • 2 months ago

That’s a wrap on Developer Week! 🎬 We shipped the Stitch MCP Server (easier auth next week), the Gemini CLI Extension, and Agent Skills. Why? To enable workflows like this. 👇 Watch the Gemini CLI orchestrate a self-building, self-ideating loop by using a new Stitch skill (stitch-loop). It connects the Stitch MCP and the Chrome DevTools MCP to design, build, and iterate all on its own. More details in 🧵 Thanks for an amazing week. Happy building! 🛠️

That’s a wrap on Developer Week! 🎬 We shipped the Stitch MCP Server (easier auth next week), the Gemini CLI Extension, and Agent Skills. Why? To enable workflows like this. 👇 Watch the Gemini CLI orchestrate a self-building, self-ideating loop by using a new Stitch skill (stitch-loop). It connects the Stitch MCP and the Chrome DevTools MCP to design, build, and iterate all on its own. More details in 🧵 Thanks for an amazing week. Happy building! 🛠️

Stitch by Google

55,940 views • 7 months ago

I built an app that runs Claude Code, Codex, Cursor, Grok, Antigravity, OpenCode, and Pi side by side in my Mac notch. Agent finishes → notch pops. Needs approval → notch pops. One click back to that exact session. no more switching between apps.

I built an app that runs Claude Code, Codex, Cursor, Grok, Antigravity, OpenCode, and Pi side by side in my Mac notch. Agent finishes → notch pops. Needs approval → notch pops. One click back to that exact session. no more switching between apps.

Edward Luo

924,431 views • 1 month ago

What do you think? Day 6 of vibe-designing. I built this design and prototype completely in Codex.

What do you think? Day 6 of vibe-designing. I built this design and prototype completely in Codex.

Masum

10,915 views • 5 months ago