improve-codebase-architecture

Explorar un codebase para encontrar oportunidades de mejora arquitectónica, enfocándose en hacer el codebase más testeable profundizando módulos superficiales. Usar cuando…

npx skills add https://github.com/sanity-io/sanity --skill improve-codebase-architecture

Improve Codebase Architecture

Explore a codebase like an AI would, surface architectural friction, discover opportunities for improving testability, and propose module-deepening refactors as GitHub issue RFCs.

A deep module (John Ousterhout, "A Philosophy of Software Design") has a small interface hiding a large implementation. Deep modules are more testable, more AI-navigable, and let you test at the boundary instead of inside.

Process

1. Explore the codebase

Use the Agent tool with subagent_type=Explore to navigate the codebase naturally. Do NOT follow rigid heuristics — explore organically and note where you experience friction:

  • Where does understanding one concept require bouncing between many small files?
  • Where are modules so shallow that the interface is nearly as complex as the implementation?
  • Where have pure functions been extracted just for testability, but the real bugs hide in how they're called?
  • Where do tightly-coupled modules create integration risk in the seams between them?
  • Which parts of the codebase are untested, or hard to test?

The friction you encounter IS the signal.

2. Present candidates

Present a numbered list of deepening opportunities. For each candidate, show:

  • Cluster: Which modules/concepts are involved
  • Why they're coupled: Shared types, call patterns, co-ownership of a concept
  • Dependency category: See REFERENCE.md for the four categories
  • Test impact: What existing tests would be replaced by boundary tests

Do NOT propose interfaces yet. Ask the user: "Which of these would you like to explore?"

3. User picks a candidate

4. Frame the problem space

Before spawning sub-agents, write a user-facing explanation of the problem space for the chosen candidate:

  • The constraints any new interface would need to satisfy
  • The dependencies it would need to rely on
  • A rough illustrative code sketch to make the constraints concrete — this is not a proposal, just a way to ground the constraints

Show this to the user, then immediately proceed to Step 5. The user reads and thinks about the problem while the sub-agents work in parallel.

5. Design multiple interfaces

Spawn 3+ sub-agents in parallel using the Agent tool. Each must produce a radically different interface for the deepened module.

Prompt each sub-agent with a separate technical brief (file paths, coupling details, dependency category, what's being hidden). This brief is independent of the user-facing explanation in Step 4. Give each agent a different design constraint:

  • Agent 1: "Minimize the interface — aim for 1-3 entry points max"
  • Agent 2: "Maximize flexibility — support many use cases and extension"
  • Agent 3: "Optimize for the most common caller — make the default case trivial"
  • Agent 4 (if applicable): "Design around the ports & adapters pattern for cross-boundary dependencies"

Each sub-agent outputs:

  1. Interface signature (types, methods, params)
  2. Usage example showing how callers use it
  3. What complexity it hides internally
  4. Dependency strategy (how deps are handled — see REFERENCE.md)
  5. Trade-offs

Present designs sequentially, then compare them in prose.

After comparing, give your own recommendation: which design you think is strongest and why. If elements from different designs would combine well, propose a hybrid. Be opinionated — the user wants a strong read, not just a menu.

6. User picks an interface (or accepts recommendation)

7. Create GitHub issue

Create a refactor RFC as a GitHub issue using gh issue create. Use the template in REFERENCE.md. Do NOT ask the user to review before creating — just create it and share the URL.

Más skills de sanity-io

tdd
sanity-io
Desarrollo guiado por pruebas con el ciclo rojo-verde-refactorizar. Úsalo cuando el usuario quiera construir funcionalidades o corregir errores usando TDD, mencione "rojo-verde-refactorizar", quiera…
performance-optimization
sanity-io
Optimiza el rendimiento de la aplicación. Úsalo cuando existan requisitos de rendimiento, cuando sospeches regresiones de rendimiento, o cuando Core Web Vitals o los tiempos de carga…
content-experimentation-best-practices
sanity-io
Guía estructurada para diseñar, ejecutar y analizar experimentos de contenido con el fin de mejorar la conversión y el compromiso. Abarca marcos de hipótesis, selección de métricas, cálculo del tamaño de la muestra y pruebas de significancia estadística en experimentos A/B y multivariantes. Incluye recursos detallados sobre valores p, intervalos de confianza, análisis de potencia y métodos bayesianos para interpretar resultados. Proporciona patrones de integración con CMS para gestionar variantes a nivel de campo y conectar sistemas externos...
content-modeling-best-practices
sanity-io
Guía de modelado de contenido estructurado para diseño de esquemas, reutilización y entrega multicanal. Abarca principios fundamentales: tratar el contenido como datos en lugar de páginas, mantener fuentes únicas de verdad, diseñar para canales futuros y optimizar flujos de trabajo editoriales. Incluye marcos de decisión para referencias frente a objetos incrustados, separación de preocupaciones y patrones de reutilización de contenido. Proporciona orientación sobre taxonomía y clasificación para enfoques planos, jerárquicos y facetados. Se aplica a...
portable-text-conversion
sanity-io
Convierte contenido HTML y Markdown en bloques de Portable Text para Sanity. Úsalo al migrar contenido desde CMS heredados, importar HTML o Markdown a Sanity,…
portable-text-serialization
sanity-io
Renderiza y serializa Portable Text a React, Svelte, Vue, Astro, HTML, Markdown y texto plano. Úsalo al implementar la representación de Portable Text en cualquier frontend…
sanity-best-practices
sanity-io
Guías completas de mejores prácticas e integración para el desarrollo de Sanity CMS en distintos frameworks y temas. Cubre más de 10 integraciones de frameworks, incluyendo Next.js, Nuxt, Astro, Remix, SvelteKit y Angular, con patrones específicos y orientación de configuración. Incluye guías temáticas sobre diseño de esquemas, optimización de consultas GROQ, edición visual, Portable Text, imágenes, TypeGen, localización y migraciones de contenido. Proporciona una estructura de referencia rápida para cargar solo las guías relevantes según el tipo de tarea,...
sanity-migration
sanity-io
Planifica, implementa y revisa migraciones desde otros CMS y sistemas de contenido a Sanity. Úsalo al migrar o cambiar de plataforma a Sanity desde AEM, Adobe Experience Manager, Contentful, Strapi, Webflow, WordPress, Payload, Drupal, archivos Markdown/MDX/frontmatter, exportaciones WXR/XML, APIs de CMS, volcados de base de datos, HTML estático, o al diseñar flujos de extracción, transformación, conversión a Portable Text, migración de activos, redirecciones, validación y transición.
data-analysisdatabasedevelopment