WebMCP Pro — MCP Inspector & AI Prompt Debugger 🚀

WebMCP Pro es el entorno de desarrollo y depuración de prompts definitivo integrado directamente en la barra lateral de tu IDE. Diseñado para desarrolladores modernos, ingenieros de prompts y creadores de software que trabajan con flujos de Inteligencia Artificial de alto rendimiento.

Conecta de forma nativa tu editor con Gemini, Claude (Anthropic) y OpenAI, y saca el máximo provecho del Model Context Protocol (MCP) de forma privada, segura y extremadamente veloz.

⚡ ¿Qué puedes hacer con WebMCP Pro?

1. 🔎 Inspector & Depurador de Prompts

Envía fragmentos de código, texto o archivos completos a la IA en segundos:

• Integración Instantánea (Alt+K): Selecciona cualquier bloque de código en tu editor activo y, con un solo atajo de teclado, envíalo como contexto enriquecido al panel del Inspector.
• Arrastrar y Soltar (Drag & Drop): Arrastra y suelta archivos completos directamente desde tu explorador a la zona de caída del panel lateral para cargarlos en el contexto al instante.

2. 🤖 Agentes Especializados de Ingeniería de Prompts

Ejecuta análisis de nivel arquitectónico con un solo clic sobre tu archivo activo:

• 🔍 SEO Analyzer: Auditoría SEO completa con análisis de etiquetas, jerarquía semántica, metadatos y código optimizado listo para producción.
• 🔄 Flow Analyzer: Traza cronológica paso a paso del flujo de ejecución del código, puntos de entrada y side-effects.
• 🏗️ Full Stack Review: Revisión profunda de Frontend (estado, UX), Backend (patrones, validaciones) y Bases de Datos / APIs.
• 🐛 Bug Hunter: Búsqueda exhaustiva de edge cases, fugas de memoria, race conditions y vulnerabilidades críticas con su correspondiente propuesta de corrección.
• ✨ Refactor Pro: Refactorización automatizada basada en principios SOLID, DRY, KISS y Clean Code.
• 🔒 Security Audit: Auditoría de seguridad del Top 10 de OWASP con snippets concretos para robustecer tu código.
• 📝 Doc Generator: Generación profesional de bloques JSDoc, TSDoc y secciones detalladas para tu README.md.
• ⚡ Performance: Optimización Big O de algoritmos, detección de cuellos de botella e impacto estimado.

3. ➕ Creador de Agentes Personalizados (¡NUEVO! 🎉)

Adapta la IA exactamente a tus necesidades y reglas de negocio:

• Crea tus propios Agentes: Diseña tarjetas interactivas de agentes con tus propios iconos (emojis), nombres y descripciones.
• Instrucciones Personalizadas (System Prompts): Define las reglas estrictas de rol y comportamiento que debe seguir el agente (por ejemplo: "Revisa que todos los componentes utilicen hooks de React específicos...").
• Reglas de Contexto y Herramientas: Configura qué tecnologías, dependencias o frameworks debe priorizar el agente (ej: TypeScript, Tailwind CSS, ESNext).

4. 🔀 Selector Dinámico de Modelos

Elige y optimiza los costes y la precisión de cada petición:

• Selecciona al instante entre los modelos líderes de la industria como Gemini 2.5 Flash, Gemini 2.0 Flash, Claude 3.5 Sonnet, Claude 3.5 Haiku, GPT-4o, o1 Mini y muchos más.
• Modo Personalizado (Otro...): Añade cualquier modelo experimental de forma manual escribiendo su identificador de API.

5. 🔌 Model Context Protocol (MCP) en Tiempo Real

Visualiza e interactúa con servidores locales de MCP a través de una conexión WebSocket segura y veloz. Expón el sistema de archivos de tu proyecto, bases de datos PostgreSQL, APIs locales o herramientas personalizadas directamente a los modelos de lenguaje.

6. 📊 Historial Inteligente y Métricas

• Almacenamiento local persistente de tus consultas pasadas.
• Visualiza la fecha, hora, proveedor y métricas precisas de duración de respuesta en milisegundos para comparar el rendimiento de cada modelo.

🔒 Privacidad y Seguridad de Grado Militar

• Seguridad Absoluta de API Keys: Tus claves de API nunca se guardan en texto plano en tus archivos del proyecto ni en configuraciones del editor. WebMCP Pro se integra de manera nativa con el llavero del sistema operativo utilizando el servicio encriptado SecretStorage de VS Code.
• 100% Privado y Local: Todo el procesamiento ocurre localmente en tu editor. Tus prompts se envían de forma directa y cifrada al proveedor oficial de la API de IA que selecciones, sin servidores intermediarios.

🚀 Guía de Inicio Rápido (1 Minuto)

1. Abre el panel lateral haciendo clic en el icono de WebMCP Pro en la barra de actividad.
2. Dirígete a la pestaña Config y pega tus claves de API para los proveedores que desees usar (Gemini, Claude u OpenAI).
3. Abre cualquier archivo de código en tu editor activo.
4. Selecciona un bloque de código y presiona Alt+K para cargarlo al panel.
5. Elige tu proveedor, selecciona el modelo, escribe tu prompt en el Inspector y pulsa Ctrl+Enter para enviar.

📊 Compatibilidad

📄 Licencia

Este software se distribuye bajo una licencia comercial y privada. Todos los derechos reservados.