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.

Kibo UI now has a MCP server! Install your custom Kibo shadcn components automagically inside Cursor and @windsurf with a couple of lines. 👇🔗

Hayden Bleasel

10,058 subscribers

14,562 views • 1 year ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 Comments

Hayden Bleasel1 year ago

Powered by the @vercel MCP Adapter.

Wonderchat2 years ago

Automate up to 70% of your customer support today. Save time and help your users find answers quickly. Try now at

Pasquale Vitiello1 year ago

@shadcn @cursor_ai @windsurf_ai Awesome!

PaceUI1 year ago

@shadcn @cursor_ai @windsurf_ai Great

Daniel Humphreys1 year ago

@shadcn @cursor_ai @windsurf_ai sick! 🫡🫡

Raiyan Sarker 🇵🇸1 year ago

@shadcn @cursor_ai @windsurf_ai theme?

Hayden Bleasel1 year ago

@shadcn @cursor_ai @windsurf_ai

Related Videos

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

CLAUDE CODE CAN NOW USE SHADCN SKILLS TO BUILD COMPONENTS THE RIGHT WAY. Install the skill once, and it starts generating UI with shadcn components automatically.

0xMarioNawfal

117,158 views • 3 months ago

Give @windsurf a voice using the ElevenLabs MCP server. Paul Asjes walks you through configuring and using our MCP server inside Windsurf.

Give @windsurf a voice using the ElevenLabs MCP server. Paul Asjes walks you through configuring and using our MCP server inside Windsurf.

ElevenLabs Developers

12,647 views • 1 year ago

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Chakra

19,610 views • 11 months ago

opencode now integrates with vscode, cursor, windsurf, etc it'll be aware of what file you're in and you can easily send inject selected lines into the prompt start opencode inside your editor and it'll install the extension

opencode now integrates with vscode, cursor, windsurf, etc it'll be aware of what file you're in and you can easily send inject selected lines into the prompt start opencode inside your editor and it'll install the extension

dax

64,637 views • 11 months ago

Say hello to the MCP server You can now build and refine GraphQL operations from Cursor, Windsurf, and Claude desktop

Say hello to the MCP server You can now build and refine GraphQL operations from Cursor, Windsurf, and Claude desktop

Shopify Developers

198,454 views • 1 year ago

Supabase now has an official MCP Server! This means you can create, edit, and connect a Supabase project to your app from your AI IDE like Cursor or Windsurf! We will also be adding more features to the MCP server, such as Edge Functions and Storage, in the near future!

Supabase now has an official MCP Server! This means you can create, edit, and connect a Supabase project to your app from your AI IDE like Cursor or Windsurf! We will also be adding more features to the MCP server, such as Edge Functions and Storage, in the near future!

Tyler Shukert

85,127 views • 1 year ago

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

KapishDima

57,347 views • 20 days ago

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

Figma

252,822 views • 1 year ago

We just removed the most annoying part of dev: Reading docs manually. Now: Cursor × MCP × Sarvam AI docs = instant answers + faster builds Steps: 1. Go to 2. Click on Install MCP server 3. Open Cursor 4. Install MCP 5. Start building

We just removed the most annoying part of dev: Reading docs manually. Now: Cursor × MCP × Sarvam AI docs = instant answers + faster builds Steps: 1. Go to 2. Click on Install MCP server 3. Open Cursor 4. Install MCP 5. Start building

Vinayak Gavariya

13,336 views • 4 months ago

Need a beautiful landing page? Use Cursor + Magic UI. Install components with 1-line of code and tag them with Cursor Composer to have AI do 100% of the work for you. Watch my workflow - it’s this easy.

Need a beautiful landing page? Use Cursor + Magic UI. Install components with 1-line of code and tag them with Cursor Composer to have AI do 100% of the work for you. Watch my workflow - it’s this easy.

Mckay Wrigley

374,542 views • 1 year ago

A quick tutorial on using the Figma MCP server with Windsurf!

A quick tutorial on using the Figma MCP server with Windsurf!

Windsurf is now Devin Desktop

113,296 views • 1 year ago

Kibo-chan playing with a toy car 🚗

Kibo-chan playing with a toy car 🚗

Segawa@動く人形キボウちゃんの博士

61,511 views • 5 months ago

🆕 We shipped an MCP server! You can new query your Readwise highlights inside of Claude, Cursor and more:

🆕 We shipped an MCP server! You can new query your Readwise highlights inside of Claude, Cursor and more:

Readwise

59,060 views • 1 year ago

Introducing ’s MCP documentation server: turn any AI assistant or IDE that has MCP support ( Cursor, @windsurf, Cline, etc ) into an expert on Mastra’s complete knowledge base.

Introducing ’s MCP documentation server: turn any AI assistant or IDE that has MCP support ( Cursor, @windsurf, Cline, etc ) into an expert on Mastra’s complete knowledge base.

Tyler Barnes

52,402 views • 1 year ago

Write 100x better code using AI (for free!) Install the Codacy extension (VSCode, Cursor, WindSurf). This will install an MCP Server locally on your computer. Your coding copilot will use this server with the Codacy CLI to check every line of code it generates. The way this works is pretty awesome (assuming you are using Cursor): 1. You ask Cursor to generate some code 2. Cursor writes the code 3. Cursor then calls Codacy's MCP Server to check it 4. The MCP Server will use the Codacy CLI to find any issues 5. Cursor will fix the issues and call the MCP server again 6. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Codacy has been doing this for a long, long time, and their Guardrails MCP Server checks for a lot of potential issues: • Security issues • Quality standards • Pattern violations • Linting issues You can see more information about the extension here: I recorded a quick video to show you how it works. Thanks to the Codacy team for helping me set up everything, answering my 1,000 questions, and collaborating with me on this post.

Write 100x better code using AI (for free!) Install the Codacy extension (VSCode, Cursor, WindSurf). This will install an MCP Server locally on your computer. Your coding copilot will use this server with the Codacy CLI to check every line of code it generates. The way this works is pretty awesome (assuming you are using Cursor): 1. You ask Cursor to generate some code 2. Cursor writes the code 3. Cursor then calls Codacy's MCP Server to check it 4. The MCP Server will use the Codacy CLI to find any issues 5. Cursor will fix the issues and call the MCP server again 6. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Codacy has been doing this for a long, long time, and their Guardrails MCP Server checks for a lot of potential issues: • Security issues • Quality standards • Pattern violations • Linting issues You can see more information about the extension here: I recorded a quick video to show you how it works. Thanks to the Codacy team for helping me set up everything, answering my 1,000 questions, and collaborating with me on this post.

Santiago

63,240 views • 1 year ago

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 views • 4 months ago

5 huge AI agents, MCP, and LLM updates today: 1. Mem0 just dropped OpenMemory MCP server that adds persistent memory across MCP clients. Create a shared memory layer with style, topics, emotions, etc. that works Claude, Cursor, Windsurf, and others. 100% local and opensource.

5 huge AI agents, MCP, and LLM updates today: 1. Mem0 just dropped OpenMemory MCP server that adds persistent memory across MCP clients. Create a shared memory layer with style, topics, emotions, etc. that works Claude, Cursor, Windsurf, and others. 100% local and opensource.

Unwind AI

63,243 views • 1 year ago

Introducing the official Supabase MCP Server! Supabase MCP Server allows you to read and write to your database, create new projects, apply migrations, and more, right from your favorite AI tools! You can start using them in Cursor or Windsurf today!

Introducing the official Supabase MCP Server! Supabase MCP Server allows you to read and write to your database, create new projects, apply migrations, and more, right from your favorite AI tools! You can start using them in Cursor or Windsurf today!

Supabase

193,114 views • 1 year ago

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

666,968 views • 3 years ago

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

Now that Laravel ships with shadcn/ui, we can use the cli to add components, pages, themes from remote registries. Need a Products page for your dashboard? One command adds the page, component and all dependencies to your codebase.

shadcn

52,962 views • 1 year ago