TECHAGENT - MY AI LIFE

Entornos de vibecoding

Entornos de programación con IA y cómo se conectan: editores, agentes, runtimes, protocolos y los modelos detrás.

Cómo se conectan

Nimbalyst
Windsurf
Warp
Zed

Comparativa

Recursos
AI Code Reviews | CodeRabbit | Try for FreeAgentes en la nube-Claude Opus 4.6MCP-Freemium
AideEditores IA (forks)VS CodeClaude Opus Latest-OllamaFreemium
AiderCLIs con agente-Claude Opus LatestMCPOllamaCódigo abierto
BackgrindCLIs con agente-Claude Opus 4.7 (Fast)Claude Code-Freemium
Base44Agentes en la nube-Claude Opus 4.6MCP-Freemium
Blackbox AIExtensiones-Claude Opus Latest--De pago
Bolt.newAgentes en la nube-Claude Opus LatestMCP-Freemium
Builder.ioAgentes en la nube-Claude Opus 4.6MCP-Freemium
CC SwitchExtensiones----Código abierto
Charlie LabsAgentes en la nube-GPT-5.2 ProGitHub Copilot-Freemium
Claude CodeCLIs con agente-Claude Opus LatestMCPOllamaDe pago
ClineExtensiones-Claude Opus LatestMCPOllamaCódigo abierto
CodeAnt AIExtensiones----Freemium
CodebuffCLIs con agente-Claude Opus LatestMCP-De pago
CodeGPTExtensiones-OpenAI GPT LatestMCPOllamaFreemium
CodeGraphCLIs con agente--MCP-Código abierto
CodeiumExtensiones-Claude Opus LatestMCP-Gratis
ConductorCLIs con agente-Claude CodeMCP-Gratis
ContinueExtensiones-Anthropic Claude Haiku LatestMCPOllamaCódigo abierto
CursorEditores IA (forks)VS CodeClaude Opus LatestMCP-Freemium
Deep Work PlanCLIs con agente--Claude Code-Código abierto
Devika AICLIs con agente-Claude Opus Latest-OllamaCódigo abierto
DevinAgentes en la nube-Claude Opus LatestMCP-De pago
E2BRuntimes locales--MCP-Freemium
Factory.aiAgentes en la nube-Claude Opus LatestMCP-Freemium
Firebase StudioAgentes en la nube-Gemini 1.5 FlashMCP-Freemium
Gemini CLICLIs con agente-Gemini 1.5 FlashMCP-Código abierto
GitHubExtensiones-OpenAI GPT Mini LatestMCP-Freemium
GitHub CopilotExtensiones-GPT-5.2 ProMCP-De pago
GitHub Spec KitCLIs con agente--GitHub Copilot-Código abierto
Google CloudExtensiones-Gemini 1.5 FlashMCP-Freemium
GooseCLIs con agente-Claude Opus 4.6MCPOllamaCódigo abierto
GraphifyCLIs con agente-Claude Opus 4.6MCP-Código abierto
GreptileAgentes en la nube-Claude Opus 4.6MCP-Freemium
KiloExtensionesClineClaude Opus LatestMCPOllamaCódigo abierto
KiroEditores IA (forks)VS CodeClaude Opus LatestMCP-De pago
LambdaTest KaneAIAgentes en la nube-OpenAI GPT LatestMCP-Freemium
LangfuseAgentes en la nube-OpenAI GPT LatestMCP-Código abierto
LM StudioRuntimes locales--MCP-Gratis
LovableAgentes en la nube-Claude Opus LatestMCP-Freemium
MagicAgentes en la nube----Freemium
MarblismAgentes en la nube-Claude Opus Latest--De pago
-
MastraCLIs con agente-OpenAI GPT LatestMCPOllamaFreemium
MightyBotAgentes en la nube----Freemium
MorphRuntimes locales-Claude Opus LatestMCP-Freemium
NimbalystIDE / Editores-Claude CodeMCP-Código abierto
NxCodeAgentes en la nube-Claude Opus 4.7 (Fast)--Freemium
OllamaRuntimes locales-Llama 3.1 405BMCP-Freemium
OnlookIDE / Editores-Claude Opus Latest--Código abierto
OpenAI CodexAgentes en la nube-GPT-5.2 ProMCPOllamaFreemium
OpenCodeCLIs con agente-Claude Opus LatestMCPOllamaCódigo abierto
PearAIEditores IA (forks)VS CodeClaude Opus 4.6MCPOllamaGratis
Pieces for DevelopersExtensiones-OpenAI GPT Mini LatestMCPOllamaFreemium
PythagoraExtensiones-GPT-4.1-OllamaFreemium
QoderIDE / EditoresVS CodeClaude Opus LatestMCP-Gratis
QodoExtensiones-Claude Opus LatestMCP-Freemium
Refact.ai AI Coding Assistant | Fine-tuned, Secure, and Open-sourceExtensiones-Claude Opus LatestMCP-Freemium
Replit AIAgentes en la nube-Claude Opus LatestMCP-Freemium
RoomoteExtensionesClineClaude Opus LatestGitHub CopilotOllamaFreemium
SupermavenExtensiones-GPT-4o-mini Search Preview--Freemium
Sweep AIExtensiones--MCP-Freemium
TabbyRuntimes locales-Claude Opus 4.6MCPOllamaCódigo abierto
TabnineExtensiones-Claude Opus LatestMCP-Freemium
TempoAgentes en la nube-Claude Opus LatestMCP-Freemium
TesslCLIs con agente-Claude Opus LatestMCP-Freemium
The copilot era is over | Cosine AIAgentes en la nube-GPT-4o-mini Search PreviewMCP-De pago
TraycerExtensiones--Claude Code-Freemium
v0 by VercelAgentes en la nube-Mistral 7B Instruct v0.1MCP-Freemium
VerdentExtensiones-Claude Opus LatestMCP-Freemium
VibecodeAgentes en la nube-Claude Opus Latest--Freemium
VoidEditores IA (forks)VS CodeClaude Opus Latest-OllamaCódigo abierto
VS CodeIDE / Editores-GitHub CopilotMCPOllamaCódigo abierto
WarpIDE / Editores-Claude Opus LatestMCPOllamaFreemium
WindsurfIDE / EditoresVS CodeClaude Opus LatestMCP-Freemium
ZedIDE / Editores-Claude Opus LatestMCPOllamaFreemium
ZencoderExtensiones-Claude Opus LatestMCPOllamaFreemium
Recursos:📄Docs📘Guía🎓Curso

Herramientas de vibecoding

Esta página reúne los entornos de programación con IA ('vibecoding') y muestra cómo se conectan entre sí, para que elijas tu stack y veas qué lo impulsa.

  • Esquema: entornos agrupados por capas: editores/IDE, forks con IA, extensiones, CLIs con agente, agentes en la nube y runtimes locales.
  • Conexiones: para cada herramienta, sobre qué está construida, qué modelo la impulsa, qué protocolo usa (MCP) y qué runtime local y router puede usar.
  • Comparativa: los mismos datos en una tabla, más enlaces a docs, guías y cursos.

Términos clave

  • IDE / editor: donde escribes código (VS Code, Zed).
  • Fork: un editor reconstruido en torno a la IA (Cursor, Windsurf).
  • Extensión: un plugin de IA para un editor existente (Copilot, Cline).
  • CLI con agente: un agente de IA en la terminal (Claude Code, Codex, Aider).
  • Agente en la nube: se ejecuta en el navegador/nube (Bolt, v0, Replit).
  • Runtime: ejecuta modelos en local (Ollama).
  • MCP: Model Context Protocol, conecta agentes con herramientas y datos.
  • Router: enruta peticiones entre varios modelos (OpenRouter).

🚀 La mejor forma de aprender a programar es empezar a hacerlo: abre una de estas herramientas y construye tu propio proyecto. Elige algo pequeño, publícalo, itera.

Key terms

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.
💡

Tip: build & deploy a site as a beginner

A simple path from idea to a live website using AI tools:

  1. 1Pick an environment - Cursor, Windsurf or VS Code + Claude Code - and describe your idea.
  2. 2Generate the project (e.g. on Next.js) and run it locally to check it works.
  3. 3Put the code on GitHub: commit → push.
  4. 4Deploy for free on Vercel or Netlify - connect the repo and it publishes automatically.

No-setup quick start: Bolt.new, v0, Lovable or Replit build and host in the browser.

We only focus your attention and give you starting points. To actually begin a project, ask your AI chat directly - it will give you precise, detailed and personal instructions for implementing any of your ideas.