Awesome GitHub RepositoriesVisual-to-Code Navigators

Este proyecto es una herramienta de diagramación visual e integración para VS Code que permite a los usuarios crear y editar archivos Draw.io directamente dentro de su espacio de trabajo. Proporciona una interfaz gráfica para construir diagramas de arquitectura y diagramas de flujo utilizando formatos XML, SVG y PNG. La extensión incluye un navegador de código a diagrama que vincula nodos visuales con archivos y símbolos específicos en la base de código. También cuenta con un entorno de edición colaborativa con cursores sincronizados para lluvia de ideas y una interfaz fuera de línea que mantiene la funcionalidad completa sin conexión a Internet. El conjunto de herramientas cubre la edición de diagramas en múltiples formatos, incluida la manipulación de XML sin procesar y la conversión de formatos. Además, admite la comparación visual de versiones para identificar diferencias estructurales entre iteraciones de diagramas y proporciona una arquitectura de complementos para ampliar las capacidades principales.

Gemini Voyager is a browser-based toolkit designed to enhance the interface and workflow of large language model web applications. It serves as a conversation manager, an output renderer, and a prompt library manager, allowing users to customize the layout and functionality of AI chat interfaces. The project distinguishes itself through advanced content handling, such as removing image watermarks by reversing alpha blending to restore original pixels. It also provides specialized rendering for LaTeX mathematical formulas and Mermaid diagrams, alongside tools to fix broken Markdown formatting

GraphQL Editor is a collaborative workspace platform for designing, editing, and managing GraphQL schemas. It provides an interactive graph-based visual editor that lets teams create and explore schemas without writing code, alongside a full-featured Monaco text IDE with real-time syntax validation. The platform supports AI-powered schema generation from natural language prompts, federated schema composition that visualizes type merging across subgraphs, and AST-level schema comparison that highlights structural differences between versions. The platform distinguishes itself through its bidir

React Grab is a browser-based code navigator and component inspector that links rendered user interface elements to the specific files and lines of source code where they are defined. It serves as a bridge between the browser interface and a local codebase to facilitate element identification and analysis. The tool functions as a developer extension for React applications, mapping visual components to their originating source code. This capability provides specific code context to support manual review and AI-assisted development. The project includes a framework for extending the browser in

Mometa es un editor de código visual basado en AST y herramienta de metaprogramación low-code. Proporciona una interfaz visual para modificar el código fuente a través de la manipulación del árbol de sintaxis abstracta, permitiendo la inserción y eliminación de bloques de código mediante acciones de arrastrar y soltar. El proyecto se distingue a través de un sistema de mapeo de fuente visual que vincula los elementos DOM renderizados con sus posiciones originales en el código fuente. Utiliza un sistema de sincronización en tiempo real y un flujo de trabajo de hot module replacement para actualizar los componentes de la aplicación en el navegador sin requerir una recarga completa de la página. La plataforma cubre la gestión de componentes de UI y la creación de librerías de materiales reutilizables. Incluye capacidades para la generación de código basada en metadatos, simulación de rutas y diseños, y organización de espacios de trabajo monorepo para coordinar múltiples paquetes y dependencias.

Rails Panel is a developer tool for Ruby on Rails applications that combines performance monitoring, metadata inspection, and source code linking. It functions as a browser extension and server-side middleware that transmits diagnostic data through HTTP response headers to display application metrics directly within browser developer tools. The tool provides a bridge between the browser and local development environments, enabling deep linking from rendered web pages to specific files and line numbers in a configured text editor. It covers request analysis and observability, including the i

lspsaga.nvim is a Neovim LSP UI enhancement and floating window manager. It provides a visual system for presenting Language Server Protocol data through interactive overlays, serving as a code navigation tool and a refactoring interface. The project focuses on improving the interaction flow of LSP features by rendering documentation hovers, symbol definitions, and diagnostic data in floating windows. It distinguishes itself by integrating a floating window framework that also manages embedded terminal sessions for executing shell commands without leaving the editor workspace. The plugin cov