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.

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

227,715 subscribers

374,591 views • 1 year ago •via X (Twitter)

Education Science & Technology Comedy

Anya Rossi• Live Now

Private livecam show

10 Comments

Mckay Wrigley1 year ago

Next week on we’re covering a full-stack project from scratch WITH an entire marketing site. Will have a lot of tips on how to help convert users. We already have >3,000 people learning to build with AI since we launched 11 days ago. Join us!

Mckay Wrigley1 year ago

This is another good library if you want even more options for components for your landing pages. Similar workflow.

Mckay Wrigley1 year ago

Up on YouTube!

Tamas Gabor1 year ago

You might want to check out the Awesome Shadcn-UI collection on Github for even more goodies 😉

Mckay Wrigley1 year ago

Bookmarked! Great resource guide!!

Isiah1 year ago

More Content like this, feels like you rushed a bit to get the video out, but I would love to build my own landing page for my buisness and then scale that to build it for others.

Mckay Wrigley1 year ago

Just wanted to get a quick example out for people. I’ll do more full production grade vids later with full sites

Ray Fernando1 year ago

Banger 🔥🔥

Mckay Wrigley1 year ago

@dillionverma is a wizard

Dillion1 year ago

beauty 😍

Related Videos

This is the best way to build UI with AI. Use Cursor + V0. With a custom prompt (below), you can easily trigger V0 to create beautiful interfaces for you directly from Cursor Composer. Watch this insane building hack.

This is the best way to build UI with AI. Use Cursor + V0. With a custom prompt (below), you can easily trigger V0 to create beautiful interfaces for you directly from Cursor Composer. Watch this insane building hack.

Mckay Wrigley

692,768 views • 1 year ago

Start using Cursor with Shadcn. You can tag *any* of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.

Start using Cursor with Shadcn. You can tag any of the components you install to quickly build user interfaces - just @ the component. It’s basically an AI frontend engineer. Build at the speed of thought.

Mckay Wrigley

299,631 views • 1 year ago

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.

Meng To

67,089 views • 1 year ago

You can build iOS apps with Cursor and Claude AI even as a beginner You got SwiftUI for UI/animations, GitHub Copilot for code completion, ChatGPT for reading files in Xcode and Cursor Composer for writing code for you. I'm teaching all that in my new course

You can build iOS apps with Cursor and Claude AI even as a beginner You got SwiftUI for UI/animations, GitHub Copilot for code completion, ChatGPT for reading files in Xcode and Cursor Composer for writing code for you. I'm teaching all that in my new course

Meng To

143,981 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

Let’s build an AI Customer Support Agent with Cursor in <20 minutes. We’ll use OpenAI + Slack to allow users to chat with an AI that sends tickets to the correct Slack channels. Watch me use Cursor Composer to write 95% of the code just by talking to it. Full code link below.

Let’s build an AI Customer Support Agent with Cursor in <20 minutes. We’ll use OpenAI + Slack to allow users to chat with an AI that sends tickets to the correct Slack channels. Watch me use Cursor Composer to write 95% of the code just by talking to it. Full code link below.

Mckay Wrigley

183,993 views • 1 year ago

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

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

14,562 views • 1 year ago

Let’s make an AI photo generator app with Cursor in 7min. Just give Cursor Composer a prompt file and the AI will write 100% of the code. AI is making it so that *anyone* can start building software today. Full prompt below.

Let’s make an AI photo generator app with Cursor in 7min. Just give Cursor Composer a prompt file and the AI will write 100% of the code. AI is making it so that anyone can start building software today. Full prompt below.

Mckay Wrigley

426,678 views • 1 year ago

Jira 🤝 Cursor Assign Jira work items to Cursor and let a cloud agent get to work—building, triaging, and opening PRs with context from the Atlassian Teamwork Graph. One connected workflow for teams and AI agents, from intent to code. Try it now:

Jira 🤝 Cursor Assign Jira work items to Cursor and let a cloud agent get to work—building, triaging, and opening PRs with context from the Atlassian Teamwork Graph. One connected workflow for teams and AI agents, from intent to code. Try it now:

Atlassian

21,572 views • 1 month ago

Conductor now supports Cursor with Composer 2.5 With native support for 3 harnesses, we now have the holy trinity (Claude, Codex, Cursor) and have fulfilled the prophecy of the 4C's Conductor, Claude, Codex, Cursor

Conductor now supports Cursor with Composer 2.5 With native support for 3 harnesses, we now have the holy trinity (Claude, Codex, Cursor) and have fulfilled the prophecy of the 4C's Conductor, Claude, Codex, Cursor

matt palmer

27,803 views • 1 month 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,262 views • 1 year ago

My #1 workflow change recently is adding comments *everywhere* in my code with Cursor. Want a major codegen performance boost? Then document your codebase to drastically help the AI that’s working on it. It’s super easy - prompt below.

My #1 workflow change recently is adding comments everywhere in my code with Cursor. Want a major codegen performance boost? Then document your codebase to drastically help the AI that’s working on it. It’s super easy - prompt below.

Mckay Wrigley

149,302 views • 1 year ago

made a video covering my ai coding workflow + tools, built a dashboard < 5 mins ridiculous how easy it is to go from idea to product now half my day is just conducting ai (cursor, claude v0) to build things for me 0:00 - 1:48 tools overview 1:50 - 3:43 initial setup 3:45 - 6:00 cursor magic w/ composer

made a video covering my ai coding workflow + tools, built a dashboard < 5 mins ridiculous how easy it is to go from idea to product now half my day is just conducting ai (cursor, claude v0) to build things for me 0:00 - 1:48 tools overview 1:50 - 3:43 initial setup 3:45 - 6:00 cursor magic w/ composer

Sully

239,081 views • 1 year ago

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Jayneil Dalal

47,573 views • 4 months ago

new tutorial: how to get the most out of Cursor, the AI-powered code editor i go over the 4 core features (autocomplete, chat, inline editing, and composer) and how to integrate each of them into your workflow

new tutorial: how to get the most out of Cursor, the AI-powered code editor i go over the 4 core features (autocomplete, chat, inline editing, and composer) and how to integrate each of them into your workflow

zack

133,879 views • 1 year ago

My Cursor course is live. It covers *everything* you need to know to start writing code with AI today. - 3hr 45min of content - 8 sections & 30 lessons - And more projects coming! - Links below Watch this 45min video on how to build an AI chat app in Cursor for a preview.

My Cursor course is live. It covers everything you need to know to start writing code with AI today. - 3hr 45min of content - 8 sections & 30 lessons - And more projects coming! - Links below Watch this 45min video on how to build an AI chat app in Cursor for a preview.

Mckay Wrigley

255,489 views • 1 year ago

Have you started to write code with Cursor using AI but don’t know how to deploy it? Just use Replit’s new 1-click “Connect to Cursor” button. It’s the easiest way to get your project live on the internet for you to share. Takes <5min to deploy.

Have you started to write code with Cursor using AI but don’t know how to deploy it? Just use Replit’s new 1-click “Connect to Cursor” button. It’s the easiest way to get your project live on the internet for you to share. Takes <5min to deploy.

Mckay Wrigley

154,202 views • 1 year ago

Those MCP totally 10x my Cursor workflow… - It reads my browser console / network log - It use Replicate to generate UI assets - It reads my supabase & figma ... Here I shared some of my fav MCP & how to install them, As well as the EASIST way to create your own MCP (Thanks to Cloudflare 's MCP-worker) 0:00 Cursor MCP overview 2:35 How to install common MCP 5:49 Let cursor read console/network log 7:24 Build yoru own MCP If you want to learn more about advanced AI coding workflow, join my community where I post tips weekly:

Those MCP totally 10x my Cursor workflow… - It reads my browser console / network log - It use Replicate to generate UI assets - It reads my supabase & figma ... Here I shared some of my fav MCP & how to install them, As well as the EASIST way to create your own MCP (Thanks to Cloudflare 's MCP-worker) 0:00 Cursor MCP overview 2:35 How to install common MCP 5:49 Let cursor read console/network log 7:24 Build yoru own MCP If you want to learn more about advanced AI coding workflow, join my community where I post tips weekly:

Jason Zhou

287,775 views • 1 year ago