Loading video...

Video Failed to Load

Go Home

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.

nutlope's profile picture

Hassan

101,016 subscribers

28,328 views • 1 month ago •via X (Twitter)

LIVE

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:
0:13

‼️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 • 2 months 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.
0:12

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 • 1 month 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
0:16

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,675 views • 8 months ago

Tired of digging through your AI notifications? Pushary puts Claude Code, Codex, Cursor, Gemini CLI, VS Code and OpenCode in your Mac’s notch. For quick responses and status updates.
0:19

Tired of digging through your AI notifications? Pushary puts Claude Code, Codex, Cursor, Gemini CLI, VS Code and OpenCode in your Mac’s notch. For quick responses and status updates.

Product Hunt 😸

15,782 views • 1 month 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.
0:13

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

44,192 views • 6 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!
0:19

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,394 views • 6 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) 🫡
0:15

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

375,061 views • 5 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
0:12

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

109,881 views • 1 month ago

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )
0:13

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

Harshil Tomar

84,137 views • 1 month 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 👇
0:18

🚨 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

79,029 views • 1 month 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.
0:12

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 • 4 months 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.
0:17

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,605 views • 8 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)
0:17

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

59,559 views • 5 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 👇
0:15

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 • 7 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.
0:13

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

57,383 views • 3 months 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!
0:16

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 • 3 months 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 👇
0:14

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 • 3 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
0:18

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

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! 🛠️
0:11

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

56,017 views • 9 months ago

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

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

Masum

10,915 views • 6 months ago