OnUI: Extensión de Navegador para Retroalimentación Precisa de la Interfaz de Usuario en Claude Code
OnUI es una extensión de navegador que proporciona contexto visual para correcciones de interfaz de usuario cuando trabajas con Claude Code. Resuelve el problema común de tener que describir qué elemento de la interfaz necesita atención permitiendo anotaciones directas en las páginas web.
Qué hace OnUI
Puedes hacer clic en elementos o dibujar regiones en cualquier página web, agregar notas sobre lo que está mal y exportar un informe estructurado. Claude Code lee este informe a través de MCP local (Protocolo de Contexto del Modelo), dándole información exacta sobre el elemento DOM, su ruta, tu intención y nivel de severidad. Esto elimina descripciones ambiguas como "el botón de la derecha, no el otro".
Implementación técnica
El desarrollador creó OnUI usando Claude Code durante varias semanas. Claude Code escribió la mayor parte del código base en TypeScript, incluyendo tanto la extensión del navegador como el servidor MCP local. Los desafíos técnicos específicos abordados durante el desarrollo incluyen:
- Iterar en el aislamiento del Shadow DOM para evitar conflictos de CSS con las páginas anfitrionas
- Construir la interfaz de diálogo de anotaciones y los formateadores de exportación
- Depurar el puente de mensajería nativa entre la extensión y el MCP local
Disponibilidad y licencia
OnUI es gratuito para usar sin niveles de pago. Está disponible para instalación con un clic desde Chrome Web Store y también funciona en Edge y Firefox. El proyecto tiene licencia GPL-3.0, cero dependencias en la nube, cero telemetría y es completamente gratuito.
Flujo de trabajo de desarrollo
El desarrollador señala la ironía de construir una herramienta para Claude Code usando el propio Claude Code. Su flujo de trabajo actual de iteración de interfaz es: anotar → Claude corrige → verificar → repetir.
📖 Leer la fuente completa: r/ClaudeAI
👀 Ver también
Feynman: Agente de Investigación de Código Abierto con Herramienta de Auditoría de Base de Código de Artículos
Feynman es un agente de investigación CLI de código abierto que despacha cuatro subagentes en paralelo para responder preguntas de investigación e incluye una herramienta de auditoría única que compara las afirmaciones de los artículos con los repositorios de código reales. Cuenta con instalación de un solo comando, licencia MIT, y se ejecuta en pi para el tiempo de ejecución del agente con alphaxiv para la búsqueda de artículos.
VSCode-Perplexity-MCP: Usa tu cuenta de Perplexity para búsqueda gratuita de IA en VS Code
Un servidor MCP de código abierto que te permite conectar tu cuenta de Perplexity.ai a VS Code, brindando a Clawbot capacidades de búsqueda, razonamiento y cómputo sin pagar por solicitud de API.
La extensión Super Claude para navegador rastrea la velocidad de uso de Claude AI y predice los límites.
Un desarrollador creó una extensión de navegador llamada Super Claude que añade indicadores de velocidad de uso y predicciones de tiempo al 100% directamente en la interfaz de Claude, ayudando a los usuarios a monitorear el consumo de su asignación de 5 horas.
Kubeez MCP Server Conecta a Claude con Más de 70 Modelos de IA para Medios
Kubeez ha lanzado un servidor MCP que conecta Claude con más de 70 modelos de IA para generar imágenes, video, música y voz. El servidor admite autenticación OAuth y proporciona generación asíncrona, donde Claude consulta el estado y devuelve URLs de CDN.