Note - up1/workshop-vibe-coding-202507 GitHub Wiki

1. Create PRD

2. Create your projects (Don’t Start from Scratch)

taskmaster/
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ pages/
β”‚   β”‚   └── App.tsx
β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ routes/
β”‚   β”‚   └── server.ts
└── README.md

3. Let's start with Cursor IDE

taskmaster/
β”œβ”€β”€ .cursor/
β”‚   └── rules/
β”‚       β”œβ”€β”€ frontend.mdc
β”‚       β”œβ”€β”€ backend.mdc

Tell Cursor to read more context

Go through all files in Instructions and use them as context.

Try to develop frontend

# 1
Development plan for frontend  all user stories 
in folder frontend

# 2
proceed with this plan

Tips

  • Keep Rules Specific
    • Separate frontend, backend, etc. Don’t cram everything into one file.
  • Use Precise Scopes
    • Apply rules only where needed, like .tsx for React or api/**/*.ts for backend.
  • Test Early
    • Generate a small code snippet first to check if Cursor’s following your rules.
  • Update as Needed
    • If your project changes, update your rules. Don’t let them rot.