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
Se Lanzan Cinco Extensiones Gratuitas para Claude Desktop: Inspector Lite, Graph Lite, Bible Code, Word Graph y Fun Pack
Un desarrollador ha publicado cinco extensiones locales de código abierto para Claude Desktop: Inspector Lite para búsqueda semántica de código, Graph Lite para un grafo de conocimiento personal, Fun Pack para funciones de entretenimiento, Word Graph para estudio bíblico y Bible Code para detección de patrones. Todas se ejecutan localmente sin dependencias externas ni claves API adicionales.
Sistema de Memoria Persistente Basado en SQLite de Código Abierto para Claude
Un desarrollador ha lanzado memchat, un sistema local con licencia GPL que extrae conocimiento de sesiones de Claude en puntos de control, lo almacena en SQLite y lo reensambla para nuevas sesiones para mantener el contexto entre conversaciones.
Flujo de trabajo de revisión de código MultiModel empaquetado como habilidad reutilizable
Una habilidad reutilizable que orquesta múltiples modelos de IA para revisiones de código en PR y no PR, probada con OpenClaw y modelos como GPT-5.5, DeepSeek V4 Pro, Kimi K2.6, Qwen 3.6 Plus y GLM-5.1.
OpenMontage: Sistema de Producción de Video Agéntico de Código Abierto para Asistentes de Codificación con IA
OpenMontage es un sistema de producción de vídeo de código abierto que transforma asistentes de codificación con IA como Claude Code en estudios de producción completos. Maneja investigación, planificación de escenas, escritura de guiones, narración de voz, selección de música, generación de subtítulos y validación a través de flujos de trabajo automatizados.