Hands-On AI: Vibe Coding with Cline
17mIntermediate2025-10-16
Authors
Yujian Tang
Course details
In this course, learn how to build a landing page for a website via vibe coding. There are many vibe coding tools out there such as Cursor, Windsurf, Cline, Roo Code, and many more. For this course, instructor Yujian Tang shows you how to use Cline, an open-source extension for VS Code. Yujian shows you how to bring your own API keys so you can pick the right model for you to do your own vibe coding. By the end of this course, you should not only have your own basic landing page, but also understand how to build further upon it.
Learning objectives
Learn how to code via natural language.
Learn how to bring your own API keys to Cline.
Build a landing page using Cline.
Learning objectives
Learn how to code via natural language.
Learn how to bring your own API keys to Cline.
Build a landing page using Cline.
Skills covered
AI Builders and Low/No-Code ToolsAI Development Tools and PlatformsProgramming FoundationsBuilding with AIOpen SourceSoftware DevelopmentOne-Off
Concepts
Introduction
- Vibe coding with Cline - Build a website in minutes with AI
Build a Landing Page with Cline in under 10 Minutes
- Configure your own API keys in Cline
- Start coding with the plan and act modes
- Add images with a new Cline task
- Restore Cline checkpoints
- Cline icon overview - Navigating the interface
Finess Your Site with Additional Features in Cline
- Using Cline commands
- Editing your Cline prompts
- Applying global rules to your project
- Final touches
Conclusion
- Take your Cline AI vibe coding further