Vibecoding environments

This page gathers AI coding environments ('vibecoding') and shows how they fit together - so you can pick a stack and see what powers it.

• •Schema - environments grouped into layers: editors/IDEs, AI forks, extensions, agentic CLIs, cloud agents and local runtimes.
• •Connections - for each tool: what it is built on, the model that powers it, the protocol it speaks (MCP), and the local runtime and router it can use.
• •Comparison - the same facts side by side in a table, plus links to docs, guides and courses.

🚀 The best way to learn coding is to start doing - open one of these tools and build your own project. Pick something small, ship it, iterate.

Commit

- saving a set of changes to the project history.

Push

- uploading your commits to a remote repository (GitHub).

Pull Request (PR)

- a request to merge your changes into the main code.

Merge

- combining branches of code together.

Branch

- a parallel line of development.

Repository (repo)

- the storage for your project's code.

Clone

- a local copy of a repository.

Deploy

- publishing your app/site to the internet.

Hosting

- where your site lives (Vercel, Netlify).

Build

- compiling the project into a ready-to-run form.

CI/CD

- automatic build and deployment pipeline.

.env / env vars

- secrets and settings kept out of the code.

API key

- credential to access an external service.

Frontend / Backend

- the client side / the server side.

Terminal / CLI

- the command line where you run tools.