Awesome GitHub RepositoriesVisual-to-Code Navigators

Ce projet est un outil de diagramme visuel et une intégration pour VS Code qui permet aux utilisateurs de créer et d'éditer des fichiers Draw.io directement dans leur espace de travail. Il fournit une interface graphique pour construire des diagrammes d'architecture et des organigrammes en utilisant les formats XML, SVG et PNG. L'extension inclut un navigateur code-vers-diagramme qui lie les nœuds visuels à des fichiers et symboles spécifiques dans la base de code. Elle dispose également d'un environnement d'édition collaboratif avec des curseurs synchronisés pour le brainstorming et une interface hors ligne qui maintient une fonctionnalité complète sans connexion Internet. L'ensemble d'outils couvre l'édition de diagrammes multi-formats, y compris la manipulation de XML brut et la conversion de format. Il prend en outre en charge la comparaison visuelle de versions pour identifier les différences structurelles entre les itérations de diagrammes et fournit une architecture de plugin pour étendre les capacités 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 est un éditeur de code visuel basé sur l'AST et un outil de métaprogrammation low-code. Il fournit une interface visuelle pour modifier le code source via la manipulation de l'arbre syntaxique abstrait (AST), permettant l'insertion et la suppression de blocs de code via des actions de glisser-déposer. Le projet se distingue par un système de mappage de source visuel qui lie les éléments DOM rendus à leurs positions de code source d'origine. Il utilise un système de synchronisation en temps réel et un flux de travail de remplacement de module à chaud (HMR) pour mettre à jour les composants d'application dans le navigateur sans nécessiter un rechargement complet de la page. La plateforme couvre la gestion des composants UI et la création de bibliothèques de matériaux réutilisables. Elle inclut des capacités pour la génération de code pilotée par métadonnées, la simulation de routage et de mise en page, et l'organisation d'espace de travail monorepo pour coordonner plusieurs paquets et dépendances.

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