正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

61,811 subscribers

110,058 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Claude Max subscribers: You can use your subscription in Cline instead of paying per-token API pricing. Here's how you can set it up 🧵

Claude Max subscribers: You can use your subscription in Cline instead of paying per-token API pricing. Here's how you can set it up 🧵

Cline

141,897 次观看 • 1 年前

LLMs often use old training data. Add `use context7` in Cline prompts to inject current docs via the Context7 MCP. But how does Cline actually use this MCP? It's not just magic. 🧵

LLMs often use old training data. Add `use context7` in Cline prompts to inject current docs via the Context7 MCP. But how does Cline actually use this MCP? It's not just magic. 🧵

Cline

22,266 次观看 • 1 年前

Selectable options transform how you work with Cline -- let us explain: Instead of typing open-ended responses, you can now choose from curated paths that Cline presents. This shifts Cline from just a tool to a true collaborative partner -- offering guidance while keeping you in control of the direction. Small UI change, profound workflow difference.

Selectable options transform how you work with Cline -- let us explain: Instead of typing open-ended responses, you can now choose from curated paths that Cline presents. This shifts Cline from just a tool to a true collaborative partner -- offering guidance while keeping you in control of the direction. Small UI change, profound workflow difference.

Cline

14,347 次观看 • 1 年前

Ever wished your AI coding agent had perfect memory? 🧠 Memory Bank is a game-changing approach that gives AI persistent memory across coding sessions. Here's how it works and why you should be using it: 🧵/

Ever wished your AI coding agent had perfect memory? 🧠 Memory Bank is a game-changing approach that gives AI persistent memory across coding sessions. Here's how it works and why you should be using it: 🧵/

Cline

64,644 次观看 • 1 年前

Just pushed Cline v3.8.6, fixing a couple bugs and making integrations smoother. We've added a dedicated UI for connecting remote MCP servers via Server-Sent Events (SSE). This means you can add remote MCP servers from platforms like Zapier and Composio

Just pushed Cline v3.8.6, fixing a couple bugs and making integrations smoother. We've added a dedicated UI for connecting remote MCP servers via Server-Sent Events (SSE). This means you can add remote MCP servers from platforms like Zapier and Composio

Cline

15,134 次观看 • 1 年前

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

324,632 次观看 • 2 年前

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Ali Bey

18,613 次观看 • 7 个月前

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,071 次观看 • 3 个月前

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

David Duong

38,445 次观看 • 1 年前

We built a Stock Market MCP server using Cline in just 8 minutes. It has these tools: 📊 Market Report Generator 💰 Financial Statement Analysis 📈 Real-time Stock Price Tracker 🔍 Company Symbol Search Here's our step-by-step process: 🧵

We built a Stock Market MCP server using Cline in just 8 minutes. It has these tools: 📊 Market Report Generator 💰 Financial Statement Analysis 📈 Real-time Stock Price Tracker 🔍 Company Symbol Search Here's our step-by-step process: 🧵

Cline

70,108 次观看 • 1 年前

".clinerules command center" The new `.clinerules` popover in v3.13 lets you instantly toggle instruction sets on/off. Need memory? Activate ` Working on UI? Switch to ` Quickly & easily manage all of your .clinerules in v3.13

".clinerules command center" The new `.clinerules` popover in v3.13 lets you instantly toggle instruction sets on/off. Need memory? Activate ` Working on UI? Switch to ` Quickly & easily manage all of your .clinerules in v3.13

Cline

16,186 次观看 • 1 年前

🧵 Let's finally explain MCP servers in a way that actually makes sense. You've probably heard of MCP (Model Context Protocol) servers, but if you're not quite sure what they are or why they matter, this thread is for you.

🧵 Let's finally explain MCP servers in a way that actually makes sense. You've probably heard of MCP (Model Context Protocol) servers, but if you're not quite sure what they are or why they matter, this thread is for you.

Cline

216,083 次观看 • 1 年前

These MCPs are cheat codes that make Cursor "just work." Here's how they eliminate errors, save time, and improve your app: (Bookmark this for later) 1. Magic MCP Not only does it upgrade your UI and animations, it shows you a preview of variations before coding it.

These MCPs are cheat codes that make Cursor "just work." Here's how they eliminate errors, save time, and improve your app: (Bookmark this for later) 1. Magic MCP Not only does it upgrade your UI and animations, it shows you a preview of variations before coding it.

0xDesigner

263,369 次观看 • 1 年前

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

Derek Briggs

14,903 次观看 • 1 年前

⚡️Vercel dropped AI SDK 3.0 with Generative UI support. And It's amazing! You can transform text & image prompts into React UI in seconds. This is a paradigm shift in how we interact with AI, making it more accessible & engaging for everyone. 7 examples:

⚡️Vercel dropped AI SDK 3.0 with Generative UI support. And It's amazing! You can transform text & image prompts into React UI in seconds. This is a paradigm shift in how we interact with AI, making it more accessible & engaging for everyone. 7 examples:

Min Choi

84,521 次观看 • 2 年前

UI/UX Designers, this might be one of the best tools for color palette inspiration. Happy Hues gives you curated color palette ideas displayed on real website examples, so you can instantly see how colors work together before designing. Bookmark it for later 💜

UI/UX Designers, this might be one of the best tools for color palette inspiration. Happy Hues gives you curated color palette ideas displayed on real website examples, so you can instantly see how colors work together before designing. Bookmark it for later 💜

Abraham John 🦄🦓

99,514 次观看 • 1 个月前

Available in the MCP Marketplace: Apple Native Tools Watch Cline use the new Apple MCP server to read project details from Mail, automatically create tasks in Reminders, make a related code edit, and then send an update email -- all without leaving VS Code. Stop juggling apps and losing focus. Automate the admin work that pulls you away from coding. See how Cline integrates your personal productivity tools into your development workflow.

Available in the MCP Marketplace: Apple Native Tools Watch Cline use the new Apple MCP server to read project details from Mail, automatically create tasks in Reminders, make a related code edit, and then send an update email -- all without leaving VS Code. Stop juggling apps and losing focus. Automate the admin work that pulls you away from coding. See how Cline integrates your personal productivity tools into your development workflow.

Cline

27,192 次观看 • 1 年前

Here's how you can use the Gemini CLI provider in Cline: 1. Run the following in your terminal: npm install -g @google/gemini-cli gemini 2. Follow the prompts to log in with your personal Google account 3. Select the "Gemini CLI" provider in Cline's settings

Here's how you can use the Gemini CLI provider in Cline: 1. Run the following in your terminal: npm install -g @google/gemini-cli gemini 2. Follow the prompts to log in with your personal Google account 3. Select the "Gemini CLI" provider in Cline's settings

Cline

22,566 次观看 • 1 年前

This is a mobile app for fitness. I built it with plain text + AI in 20 mins. You can describe a product... and AI builds the full app, UI backend logic auth with insane speed & precision. Real examples + the workflow: 👇 (the 𝕏 clone feels illegal)

This is a mobile app for fitness. I built it with plain text + AI in 20 mins. You can describe a product... and AI builds the full app, UI backend logic auth with insane speed & precision. Real examples + the workflow: 👇 (the 𝕏 clone feels illegal)

EyeingAI

64,849 次观看 • 1 年前