Skip to main content
El menú contextual ofrece acceso rápido a contenido optimizado con IA e integraciones directas con herramientas de IA populares. Cuando los usuarios seleccionan el menú contextual en cualquier página, pueden copiar contenido como contexto para herramientas de IA o abrir conversaciones en ChatGPT, Claude, Perplexity, Google AI Studio, Grok, Devin, Devin Desktop o una herramienta personalizada de su elección, con su documentación ya cargada como contexto.
Combina el menú contextual con tu archivo skill.md alojado y tu servidor MCP para que los usuarios puedan instalar todas las capacidades de tu producto en sus herramientas de IA, no solo la página que están leyendo.
El menú contextual incluye varias opciones preconfiguradas que puedes habilitar agregando su identificador a tu configuración.
El menú contextual expandido que muestra los elementos del menú Copiar página, Ver como Markdown, Abrir en ChatGPT y Abrir en Claude.
La opción downloadApiSpec solo aparece en páginas de referencia de API (páginas cuyo frontmatter declara api, openapi o asyncapi). En despliegues con autenticación o autenticación de usuario habilitada, solo los lectores autenticados pueden descargar la especificación.

​
Activar el menú contextual

Añade el campo contextual a tu archivo docs.json y especifica qué opciones quieres incluir.

​
Ubicación de visualización

De forma predeterminada, el menú contextual aparece en el encabezado de la página. Puedes configurarlo para que se muestre en la barra lateral de la tabla de contenidos mediante la opción display.

​
Agregar opciones personalizadas

Crea opciones personalizadas en el menú contextual agregando un objeto al arreglo options. Cada opción personalizada requiere estas propiedades:
​
string
requerido
El título de la opción.
​
string
requerido
La descripción de la opción. Se muestra debajo del título cuando el menú contextual se expande.
​
string
requerido
El icono que se mostrará.Options:
  • Font Awesome icon name, if you have the icons.library property set to fontawesome in your docs.json
  • Lucide icon name, if you have the icons.library property set to lucide in your docs.json
  • Nombre del icono Tabler, si tienes la icons.library propiedad configurada como tabler en tu docs.json
  • URL to an externally hosted icon
  • Path to an icon file in your project
​
string
The Font Awesome icon style. Only used with Font Awesome icons.Options: regular, solid, light, thin, sharp-solid, duotone, brands.
​
string | object
requerido
El href de la opción. Usa una cadena para enlaces simples o un objeto para enlaces dinámicos con parámetros de búsqueda.
Ejemplo de opción personalizada:

​
Ejemplos de opciones personalizadas