Facilitated by Ami T.
Learn vibe coding – using AI tools like Claude, Vercel v0, and Bolt to build software through detailed prompts instead of traditional coding.
What is Vibe Coding:
Vibe coding is using AI as your development partner. You describe what you want in natural language, the AI generates code, and you iterate until it’s right. It’s the future of software development.
Why Vibe Coding Works for This Project:
• You don’t need to be a coder to build real features
• AI handles syntax and implementation details
• You focus on requirements and user experience
• Faster development with less expertise needed
• Learn modern development practices through AI guidance
AI Tools We’ll Use:
• Claude (Anthropic): For complex logic and full-stack features
• Vercel v0: For React UI components with instant preview
• Bolt: For full applications with deployment
• Cursor: AI-powered code editor
• GitHub Copilot: AI pair programming
Introduction to Each Tool:
• When to use Claude vs v0 vs Bolt
• How to write effective prompts
• Iterating with AI when results aren’t perfect
• Combining tools for best results
• Best practices for AI-assisted development
Sprint Zero Activities:
• Tech stack decisions (React? Next.js? Node.js?)
• Architecture design with AI assistance
• Setting up development environments
• Creating project structure
• Writing Definition of Done for technical work
Architecture Decisions Workshop:
• Frontend: React with Tailwind CSS
• Backend: Node.js with Express (or Next.js API routes)
• Database: PostgreSQL or Supabase
• Authentication: NextAuth or custom JWT
• File Storage: AWS S3 or Cloudinary
• Deployment: Vercel for frontend, Railway for backend
Writing Effective AI Prompts:
• Being specific about requirements
• Including design preferences and constraints
• Providing context about existing systems
• Asking for explanations and alternatives
• Iterating based on results
Technical Integration with www.agile103.com:
• Understanding the existing WordPress/Elementor site
• Building standalone apps that integrate via iframe or subdomain
• Ensuring consistent design with main site
• Minimizing Akinniyi’s integration work
• Planning deployment strategy
Team Technical Setup:
• Installing development tools
• Setting up Git and GitHub
• Creating accounts for AI tools
• Testing the development workflow
• Troubleshooting common issues
What You’ll Deliver This Week:
• Tech stack decisions documented
• Development environments set up
• Project architecture diagram
• AI prompt templates for common tasks
• Sprint 1 technical approach defined
Benefits of Attending This Session:
Participants will understand how to use AI for software development, have working development environments ready, know how to write prompts that get good results, and be ready to start building features. Vibe coding democratizes software development!