Awesome GitHub RepositoriesVisual-to-Code Navigators

Acest proiect este un instrument de diagramare vizuală și integrare pentru VS Code care permite utilizatorilor să creeze și să editeze fișiere Draw.io direct în spațiul lor de lucru. Oferă o interfață grafică pentru construirea diagramelor de arhitectură și a diagramelor de flux folosind formate XML, SVG și PNG. Extensia include un navigator de cod-la-diagramă care leagă nodurile vizuale de fișiere și simboluri specifice din baza de cod. De asemenea, dispune de un mediu de editare colaborativă cu cursoare sincronizate pentru brainstorming și o interfață offline care menține funcționalitatea completă fără o conexiune la internet. Setul de instrumente acoperă editarea diagramelor în formate multiple, inclusiv manipularea XML brut și conversia formatelor. De asemenea, suportă compararea vizuală a versiunilor pentru a identifica diferențele structurale între iterațiile diagramelor și oferă o arhitectură de plugin-uri pentru extinderea capabilităților de bază.

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 este un editor de cod vizual bazat pe AST și un instrument de metaprogramare low-code. Acesta oferă o interfață vizuală pentru modificarea codului sursă prin manipularea arborelui sintactic abstract, permițând inserarea și ștergerea blocurilor de cod prin acțiuni de tip drag-and-drop. Proiectul se distinge printr-un sistem de mapare vizuală a sursei care leagă elementele DOM randate înapoi la pozițiile lor originale din codul sursă. Utilizează un sistem de sincronizare în timp real și un flux de lucru de hot module replacement pentru a actualiza componentele aplicației în browser fără a necesita o reîncărcare completă a paginii. Platforma acoperă gestionarea componentelor UI și crearea de biblioteci de materiale reutilizabile. Include capabilități pentru generarea de cod bazată pe metadate, simularea rutelor și a layout-urilor, precum și organizarea spațiului de lucru monorepo pentru a coordona pachete și dependențe multiple.

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