# AI Agents, Class 6: vibe coding in practice (/docs/ai-agents/vibe-coding-in-practice)

---
type: Document
title: "AI Agents, Class 6: vibe coding in practice"
description: "Sir Faheem's Class 6 on vibe coding: running and testing a project on localhost with AI, writing a strong PRD first, how to start a project in Cursor, Next.js and React Native, SVG icons, and selling automation to businesses."
status: stable
order: 62
added: 2026-10-17T18:47:00Z
generated: { by: human:ahmedraza, at: 2026-10-17T18:47:00Z }
ksor:
  audience: [public]
  owner: human:ahmedraza
  approval: { by: human:ahmedraza, at: 2026-10-17T18:47:00Z }
sources:
  - id: ai-agents-class-06
    title: "AI Agents module, Class 6: Vibe Coding"
    resource: "iSkills AI Agents Class 6 notes, Vibe Coding, taught by Sir Faheem"
verified: [{ by: human:ahmedraza, at: 2026-10-17T18:47:00Z }]
trust_tier: human-reviewed
build_id: sha256:401a1d4b5eead93b53bbfcc53b1ee4048e592b4be6f6059d848ed6ffaa614755
dirty: true
ksor_version: 0.0.60
---

*This whole document is from Class 6 of the AI Agents module, Vibe Coding,
taught by Sir Faheem.*

## Run the project on localhost

- Whatever project you have built, have the **AI run it on localhost**
  too. Take the app being built last time, for example, and run it today
  to see it. Tell the AI to run it. Whatever **bugs** or issues come up
  while it runs, the AI will fix them itself.
- While building an app or project, you run it on **localhost** and look
  at it. Wherever changes are needed, you keep making them right
  there.[^ai-agents-class-06]

## Write a good PRD at the start

If you make a good **PRD** right at the start, the LLM will write good code
and do good work the **first time**. So put in more effort
initially.[^ai-agents-class-06]

## How to start a project

1. Install **Cursor**.
2. Make a **folder** with the name of the app you are building.
3. Open **Cursor** in that folder.
4. Open the **chat** option and get the AI to start the
   work.[^ai-agents-class-06]

## Which framework for which app

- **Web apps** are built on **Next.js**.
- **Mobile apps** are built on **React Native**.
- With **React Native**, both **Android** apps and **iOS** apps are built
  from one code.[^ai-agents-class-06]

## Use SVG icons

Using **SVG icons** in design is best. They are **vector graphics**. They
can be edited with code: colors, animation, all of it can be done in an SVG
icon through code. Usually the AI uses **image icons**. We have to use SVG
icons, so that we can style them.[^ai-agents-class-06]

## Test as you build

Whatever project you have built, get its **tests** done at the same time.
Tell the AI to test as it goes, and if there is a bug, it will fix
it.[^ai-agents-class-06]

## Selling automation to businesses

1. Do **outreach** to businesses.
2. Understand their **day-to-day workflow**.
3. You will see the **bottleneck**: which of their work can be
   **automated**.
4. Then sell them the **automation**.

Example: a **restaurant** can be built and given an **inventory management
system**.[^ai-agents-class-06]

## What SaaS is

**SaaS** is a product that people purchase and use on a **subscription**
basis.[^ai-agents-class-06]

[^ai-agents-class-06]: iSkills AI Agents Class 6 notes, Vibe Coding,
    taught by Sir Faheem.

## Class infographic

![Infographic: AI Agents, Class 6: vibe coding in practice](vibe-coding-in-practice-infographic.webp)