MCP server con 432 installs específico para Vue.js. Analiza composición de componentes, reactive data flow, y relaciones template ↔ script. Útil para proyectos Vue grandes donde la reactividad se complica.
DeepGraph Vue es la versión vertical para proyectos Vue.js. La gracia es que entiende los conceptos específicos de Vue: composition API, options API, refs y computed, watchers, reactive stores (Pinia, Vuex), y la relación entre template y script de un .vue.
Cuando Claude pregunta "qué dispara este watcher" o "qué componentes consumen este store", consulta el grafo en vez de iterar archivos.
432 installs es respetable para una categoría más nicho (Vue vs React/Next).
npx claude-code-templates@latest --mcp deepgraph/deepgraph-vuePara Claude:
Instalé el MCP deepgraph/deepgraph-vue. Mapeame el grafo de mi proyecto
Vue: árbol de componentes, stores Pinia y dónde se usan, watchers
globales si los hay."Dame todo el árbol desde <App> hasta hoja, distinguiendo Composition API vs Options API". Vue mixto es común y verlo en grafo ayuda.
"De dónde viene la prop userPreferences en <ProfileSettings>? Trazá la cadena hasta el origen". Útil cuando el flow pasa por composables y stores.
"Listame todos los stores y qué componentes los consumen. Identificá stores con un solo consumer (candidatos a local state)".
"En <ProductCard>, ¿qué refs del script se usan en el template? ¿Hay refs definidos que no se usan?". Detección de dead reactive state.
"Buscame todos los watch y watchEffect. Identificá los que disparan cambios en múltiples componentes". Source de bugs en reactividad compleja.