Cline 3.1 AI vs Cursor AI Web App Build
ฝัง
- เผยแพร่เมื่อ 24 ม.ค. 2025
- Cline AI is getting a lot of love so I give it a test drive and compare to Cursor AI in terms of the experience of building a basic webapp. This is also a basic tutorial on getting started with Cline AI and AI development
🔗 Useful Links:
Sign up for our AI development course: [switchdimensio...](switchdimensio...)
Join our newsletter for more tips and tutorials!
More tutorials on Cursor AI on this playlist - • Cursor AI & Replit Con...
Video Chapters
01:12 Claude API Key
01:44 Voice Dictation
02:30 Initial Prompt
06:07 AI Development Course
07:38 Custom Instructions
08:28 Start with Frontend
09:44 Diff View
10:00 Initial App D esign
13:00 Open Router
15:15 Checkpoint Snapshots
16:34 Computer Use Testing
17:33 Tea Break
18:21 ChatGPT Integration
19:25 Cline Interface
20:20 Database
20:43 Panel Layout
25:25 Error Handling
25:58 Final App
26:33 Cline Impressions
Thanks. Good stuff and great timing. This is top of mind recently. Cline is certainly promising, especially with the MCP integration. The terminal integration is a bit bumpy for me at the moment...but working the issues. Cheers!
@@toddwmac Nice one Todd. I’m still happy with Cursor but always keeping an eye on what’s in development. Playing with Deepseek as well to see if the improvements in cost and speed are worth it.
Small context windows hurts deepseek v3 real world
Thanks for your sharing
Thanks for watching!
🎯 Key points for quick navigation:
00:00 *🚀 Introduction to Cline and Initial Setup*
- Introduction to Cline as a tool for building web apps,
- Setup of Cline within VS Code and API configuration.
02:30 *🎙️ Voice Interaction Features*
- Overview of voice access and dictation features on Windows and Mac,
- Initial attempt at app creation using dictation with Next.js and Tailwind.
06:52 *🔧 App Development and Error Handling*
- Building a social post generator interface and handling installation errors,
- Discussion on UI setup and execution flow in Cline versus Cursor.
10:29 *🌐 App Functionality and Styling Issues*
- Description of the UI issues related to style application,
- Steps taken to troubleshoot and resolve styling errors.
13:17 *💰 API Rate Limits and Tool Switching*
- Discussion of rate limit issues with API usage and switching to Open Router,
- Financial considerations of tool usage and credits.
16:27 *🛠️ Hands-off Development and Error Loop*
- Trying out Cline's autonomous features and encountering repetitive errors,
- Insights on how computer usage models function within Cline.
22:28 *📊 Database Integration with SQL Lite*
- Expansion to include database integration using SQL Lite,
- Use of Prisma for database schema management and adjustments.
24:17 *➕ Completing AI Functionality*
- Finalizing AI completions for social content generation,
- Resolving errors and confirming functionality with database history.
26:21 *🖥️ Advantages of VS Code*
- VS Code vs Cursor: VS Code's advantages in the market due to extensions and market share,
- VS Code can integrate successful interface developments from other AI extensions,
- Potential for deeper integration of AI functionalities directly within the VS Code codebase.
27:57 *🌐 Browser Tool Use and Cautions*
- Browser tool allows for error detection and fixes in apps,
- Risks of auto-approved fixes leading to potential loops and high costs if not monitored,
- Importance of setting iteration limits and using snapshots for reverting changes.
29:30 *🛠️ MCP Servers by Théorème*
- MCP servers offer a robust system for tool interactions,
- MCP provides connectivity to multiple systems and services,
- They serve as an integrated API and tool system being constructed by Anthropic.
Made with HARPA AI
Those chapter marks are fairly on point. I'll check out the tool thanks. Is it your own?
@@RobShocks no but it's pretty good! Take AI with you as you surf the web!
@ just checked it out. It’s pretty compelling. It seems to have a lot of functions. Giving it a try. What’s your favourite feature?
@@RobShocks YT summaries most but ive buit a few custom command to take selected text (code) and open directly in windsurf etc
What's the differnce between using Cline or cursor and connecting it to claude vs just using claude directly?
The problem with cline is can hit the rate limit for any llm so easy .. for example sonnet have 40 rpm for tier 1 and that can be easy hits .. unlimited rate worked good but you lose the quality sonnet provided
That is a good point Said. Perhaps Cline is putting too much pressure on Claude where other tools like Cursor offloads in a mixture of agents style that makes it more efficient.
Use openrouter claude api key it's unlimited
@@RobShocksthat is a great point brov! Maybe Cursor is the better way to go. I don’t know what to do myself.
@ I've gone back to Cursor it flows better for me all around for now.
it would be perfect if u added openhands to this video
I worked with (OpenHands) OpenDevin for a while when it kicked off. How has it developed since?
@@RobShocks i have no idea thats why i wanted to see the VS
I use cline in cursor. Windsurf is dirt.
@@TheTrainstation interesting setup, does it work well or do you get conflicts?
Cursor with deepseek
Absolutely, playing with this as the moment
What happens after the free trial? What features will be removed despite using my own Deepseek API key?
But then don't you have to pay the $20/mo for Cursor? Cline is free.
Dubbing AI for those who don't speak spoken English?
@@RuandosSantosGoncalves you mean subtitles you would like subtitles or my voice audio in different languages?
@RobShocks @RobShocks I have difficulty understanding spoken English, could you enable the option for automatic dubbing? To listen in Brazilian Portuguese.
@ I will make sure to add subtitles next time and will investigate dubbing
@RobShocks thanks
Cline is good but getting more and more buggy as the dev implements features. Its looping heaps more than it used to, and only works really well with Claude 3.5 Sonnet - worst, it BURNS tokens. MCP is by far the best current feature of it...
Big tip is to not have auto-approve on for anything but MCP and Read, to have your project planning documents in the directory and consistently remind Cline to reference them. That includes dev docs for all tech stacks used, otherwise it goes on training data and hallucinates like crazy.
It also isnt great at following .clinerules.
I've actually gone back to Cursor due to that, and Aide is showing promise (thinking of building Cline and various other coding agents into it to collaborate).
@anatalelectronics4096 you realise you can use it without Claude, right?
Cline has some nice touches but the more you play with it you start to see what Cursor does really well in the background.
@@RobShocks spot on, its why I keep going back
I wonder if adjusting the system prompt for cline would make a difference? I was thinking of adding instructions to collaborate with Aider especially the /Architect command and run Aider with DeepSeek V3? Just some thoughts I had..