Hands-On AI: Vibe Coding with Cline

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.

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