15 Rules of Vibe Coding
- Start from a template: Begin your project by cloning a template from GitHub or another source to provide a solid foundation. (On cursor, Start from Repo, and paste this link to build a nextjs app that is prebuilt with AI features, database and authorization https://github.com/anish-temp/Cursor-2)
- Use agent mode: Utilize Cursor’s agent mode (not normal mode) to edit and manage files through natural language commands.
- Use Perplexity: Use perplexity to find new designs and api’s from the web. Say that you are creating a nextjs project, and that you want to create ___ feature, and to give you instructions AND code examples.
- Create new chats in Composer: Open a new Composer chat for each distinct task. Keep agent chats short.
- Run locally, test frequently: Use built-in servers to run your app locally and test often to catch issues early.
- Iterate and refine: Embrace rapid iteration—don’t worry about perfect designs initially; improve them step by step.
- Utilize voice-to-text: Use tools like Whispr/Eleven for faster input, and just vibe.
- Clone and fork wisely: Use GitHub repos as starting templates to accelerate development, or to find inspiration, then customize them to fit your vision.
- Copy errors and paste into Composer agent: When errors occur, copy error messages from your console and paste them into the Composer agent, and more times than not, it will be fixed. When dealing with errors, over explain the issue if it’s not fixed the first time.
- Don’t forget you can restore previous Composer chats: Save your work frequently so you can revert to an earlier state if needed.
- Secure your secrets: Always store API keys and sensitive data in environment files rather than hard-coding them.
- Commit often: Push your progress to GitHub regularly to track changes and safeguard your work. Cursor can do this for you, just ask the agent.
- Deploy early: Use platforms like Vercel to deploy your app early, to make sure there are no errors on deployment.
- Keep a record of the prompts that work best; reuse them often: Document your most effective prompts to make future development and debugging easier.
- Enjoy the process—just vibe: Embrace the creative journey of vibe coding, experiment, learn, and have fun along the way, just vibe.
Navigate Vibe Coding Series