CodeMentor AI

Tu mentor técnico en tiempo real — aprende mientras construyes.

CodeMentor no genera código por ti. Te enseña a entender lo que estás escribiendo: detecta patrones problemáticos, te explica por qué importan y te hace las preguntas correctas para que lo internalices.

¿Cómo funciona?

Mientras escribes, CodeMentor analiza tu código en segundo plano y muestra hints discretos al final de las líneas con problemas:

const password = "admin123"    ⚠ Contraseña hardcodeada — nunca en el código fuente

Presiona Ctrl+M para ver la explicación completa adaptada a tu nivel. Presiona Ctrl+Shift+M para el modo socrático: CodeMentor te hace preguntas en vez de darte la respuesta.

Sin API key. Sin internet. Funciona completamente offline.

Patrones detectados

Seguridad

Contraseñas y API keys hardcodeadas en el código
Parámetros de URL sin validar pasados a la base de datos
href="javascript:" — vector XSS en HTML
Eventos inline en HTML (onclick=, onchange=)

React

useEffect sin array de dependencias — se ejecuta en cada render
Mutación directa del estado con .push() — React no detecta el cambio
Listas renderizadas sin prop key

JavaScript / TypeScript

Promise sin await — error silencioso que no se maneja
Sin manejo del error 404 en rutas Express
Asignación accidental en condición if (x = valor)
console.log olvidado en producción

HTML

Imágenes sin atributo alt — accesibilidad
href="javascript:" — vector XSS

CSS

!important — síntoma de especificidad rota
font-size en píxeles fijos — ignora preferencias de accesibilidad
z-index con valores arbitrarios altos

Performance

Bucles infinitos while(true) / for(;;)

Lenguajes soportados

JavaScript · TypeScript · JSX · TSX · HTML · CSS · SCSS · SASS · LESS

Comandos

Acción	Tecla
Explicación completa de la línea actual	`Ctrl+M`
Modo razonamiento socrático	`Ctrl+Shift+M`
Activar / desactivar hints	Paleta de comandos → CodeMentor: Activar
Reiniciar progreso de aprendizaje	Paleta de comandos → CodeMentor: Reiniciar progreso

Sistema de aprendizaje

CodeMentor lleva un registro de qué patrones has visto y cuántas veces. El panel lateral muestra tu progreso. Cuando demuestras que entiendes un concepto en el modo razonamiento, el hint se marca como dominado y deja de aparecer.

Configuración

{
  "codementor.enabled": true,
  "codementor.userLevel": "beginner",
  "codementor.debounceMs": 600
}

userLevel acepta "beginner", "intermediate" o "advanced" — adapta las explicaciones a tu nivel de experiencia.

Instalación

Abre VS Code
Ctrl+Shift+X → busca CodeMentor AI
Instala → abre cualquier archivo JS, TS, JSX, HTML o CSS
Los hints aparecen automáticamente en segundos

¿Por qué CodeMentor en vez de un linter?

Los linters te dicen qué está mal. CodeMentor te explica por qué importa y te ayuda a no volver a cometer el mismo error. La diferencia es entre corregir un error y entenderlo.

Privacidad

CodeMentor analiza tu código localmente. No envía ningún dato a servidores externos. No requiere cuenta, login ni API key.