Vibe Coding
Vibe coding is about coding with intent. Use conscious inquiry to turn AI from a code generator into a thoughtful pair programmer that understands your architecture.
Techniques
Architecture First, Code Second
Before asking for code, describe the system: 'I need a REST API with three endpoints: users, posts, and comments. Users have many posts, posts have many comments. Use Express with TypeScript.'
Specify Constraints Explicitly
State your tech stack, patterns, and preferences: 'Use functional components, React hooks, no class components. Follow the existing naming convention of camelCase for variables.'
Think About Edge Cases Upfront
Ask the AI to consider failures: 'What happens if the API is down? What if the user submits an empty form? Handle null values gracefully.'
Iterate with Context
Don't start over each prompt. Build on previous responses: 'Now add error handling to the function you wrote above' or 'Refactor this to use the Strategy pattern.'
Vague vs. Conscious
"Write me a login page."
"Create a login page component in React with TypeScript. Use react-hook-form for form state and zod for validation. Fields: email (validated) and password (min 8 chars). On submit, call an async loginUser function (which I'll provide). Show inline field errors and a general error banner for API failures. Style with Tailwind. Include loading state on the submit button."
Explore Coding Prompts
Find meta-prompts that elevate your AI-assisted development workflow.
Visit the Library