Menu contextuel
Ajoutez à votre documentation un menu contextuel avec des intégrations d'IA en un clic pour ChatGPT, Claude, Perplexity, Google AI Studio et les outils MCP.
Le menu contextuel offre un accès rapide à un objet optimisé par l’IA et à des intégrations directes avec des outils d’IA populaires. Lorsque les utilisateurs ouvrent le menu contextuel sur n’importe quelle page, ils peuvent copier l’objet comme context pour des outils d’IA ou lancer des conversations dans ChatGPT, Claude, Perplexity, Google AI Studio, Grok, Devin, Devin Desktop, ou un outil personnalisé de votre choix, avec votre documentation déjà chargée comme context.
Associez le menu contextuel à votre fichier skill.md hébergé et à votre serveur MCP afin que vos utilisateurs puissent installer dans leurs outils d’IA toutes les capacités de votre produit, et pas seulement la page qu’ils consultent.
Le menu contextuel comprend plusieurs options prédéfinies que vous pouvez activer en ajoutant leur identifiant à votre configuration.
| Option | Identifiant | Description |
|---|---|---|
| Copier la page | copy | Copie la page actuelle en Markdown pour la coller comme contexte dans des outils d’IA |
| Afficher en Markdown | view | Ouvre la page actuelle en Markdown |
| Demander à l’Assistant | assistant | Ouvre l’Assistant avec la page actuelle comme contexte |
| Télécharger le PDF | download-pdf | Télécharge la page actuelle au format PDF. Disponible avec les offres Enterprise. |
| Ouvrir dans ChatGPT | chatgpt | Crée une conversation ChatGPT avec la page actuelle comme contexte |
| Ouvrir dans Claude | claude | Crée une conversation Claude avec la page actuelle comme contexte |
| Ouvrir dans Perplexity | perplexity | Crée une conversation Perplexity avec la page actuelle comme contexte |
| Ouvrir dans Grok | grok | Crée une conversation Grok avec la page actuelle comme contexte |
| Ouvrir dans Google AI Studio | aistudio | Crée une conversation Google AI Studio avec la page actuelle comme contexte |
| Ouvrir dans Devin | devin | Crée une session Devin avec la page actuelle comme contexte |
| Ouvrir dans Devin Desktop | devin-desktop | Ouvre Devin Desktop avec la page actuelle comme contexte. Nécessite l’installation de Devin Desktop. |
| Copier l’URL du serveur MCP | mcp | Copie l’URL de votre serveur MCP dans le presse‑papiers |
| Copier la commande d’installation MCP | add-mcp | Copie la commande npx add-mcp pour installer le serveur MCP |
| Se connecter à Cursor | cursor | Installe votre serveur MCP hébergé dans Cursor |
| Se connecter à VS Code | vscode | Installe votre serveur MCP hébergé dans VS Code |
| Se connecter à Devin | devin-mcp | Installe votre serveur MCP hébergé dans Devin |
| Télécharger la spécification d’API | downloadApiSpec | Télécharge la spécification OpenAPI de votre déploiement. Si plusieurs spécifications sont configurées, les télécharge dans une archive zip. N’apparaît que sur les pages de référence d’API. |
| Options personnalisées | Objet | Ajoutez des options personnalisées au menu contextuel |
L’option downloadApiSpec n’apparaît que sur les pages de référence d’API (pages dont le frontmatter déclare api, openapi ou asyncapi). Sur les déploiements avec authentification ou authentification utilisateur activée, seuls les lecteurs authentifiés peuvent télécharger la spécification.
Ajoutez le champ contextual à votre fichier docs.json et indiquez les options que vous souhaitez inclure. Les options apparaissent dans le menu dans l’ordre où vous les listez.
{
"contextual": {
"options": [
"copy",
"view",
"assistant",
"download-pdf",
"chatgpt",
"claude",
"perplexity",
"grok",
"aistudio",
"devin",
"devin-desktop",
"mcp",
"cursor",
"vscode",
"devin-mcp",
"downloadApiSpec"
]
}
}Par défaut, le menu contextuel apparaît dans l’en-tête de la page. Vous pouvez le configurer pour qu’il s’affiche à la place dans la barre latérale de la table des matières à l’aide de l’option display.
{
"contextual": {
"options": ["copy", "view", "chatgpt", "claude"],
"display": "toc"
}
}| Valeur | Description |
|---|---|
header | Affiche les options dans le menu contextuel en haut de la page (par défaut) |
toc | Affiche les options dans la barre latérale de la table des matières |
Créez des options personnalisées dans le menu contextuel en ajoutant un objet au tableau options. Chaque option personnalisée requiert les propriétés suivantes :
titlestringrequiredLe titre de l’option.
descriptionstringrequiredLa description de l’option. Affichée sous le titre lorsque le menu contextuel se déroule.
Vous devez fournir icon ou src.
iconstringIcône à afficher depuis une bibliothèque d’icônes.
Options :
- Nom d’icône Font Awesome si vous avez la propriété
icons.librarydéfinie surfontawesomedans votredocs.json - Nom d’icône Lucide si vous avez la propriété
icons.librarydéfinie surlucidedans votredocs.json - Nom d’icône Tabler si vous avez la propriété
icons.librarydéfinie surtablerdans votredocs.json
srcstringChemin ou URL d’une image à utiliser comme icône. Utilisez src à la place de icon lorsque vous souhaitez utiliser une image personnalisée plutôt qu’une icône d’une bibliothèque.
Options :
- Chemin vers un fichier image dans votre projet (par exemple,
/images/mon-icone.svg) - URL vers une image hébergée en externe (par exemple,
https://example.com/icon.png)
iconTypestringStyle d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.
Options : regular, solid, light, thin, sharp-solid, duotone, brands.
hrefstring | objectrequiredLe href de l’option. Utilisez une chaîne pour des liens simples ou un objet pour des liens dynamiques avec des paramètres de requête.
Show Hide href object
basestringrequiredL’URL de base de l’option.
queryobject[]Un tableau d’objets de paramètres de requête à ajouter à l’URL de base.
Show Hide query object
keystringrequiredLa key du paramètre de requête.
valuestringrequiredLa valeur du paramètre de requête. Mintlify remplace les espaces réservés suivants par les valeurs correspondantes :
- Utilisez
$pagepour insérer le contenu de la page actuelle en Markdown. - Utilisez
$pathpour insérer le chemin de la page actuelle. - Utilisez
$mcppour insérer l’URL du serveur MCP hébergé.
Exemple d’option personnalisée :
{
"contextual": {
"options": [
"copy",
"view",
"chatgpt",
"claude",
"perplexity",
{
"title": "Demander une fonctionnalité",
"description": "Rejoignez la discussion sur GitHub pour demander une nouvelle fonctionnalité",
"icon": "plus",
"href": "https://github.com/orgs/mintlify/discussions/categories/feature-requests"
}
]
}
}Remplacez le menu contextuel global sur une page spécifique en ajoutant un champ contextual au frontmatter de la page. Utilisez cette approche pour mettre en avant des actions propres à la page, comme download-pdf sur une page de conditions d’utilisation, ou pour masquer entièrement le menu sur une page d’accueil.
L’objet contextual au niveau de la page remplace celui défini globalement pour cette page. Omettez le champ pour hériter de docs.json, ou définissez options: [] pour désactiver le menu contextuel sur cette page.
---
title: "Conditions d'utilisation"
contextual:
options:
- copy
- download-pdf
display: header
---Les mêmes champs et règles de validation s’appliquent que dans docs.json, y compris les options personnalisées et le paramètre display. Si un remplacement au niveau d’une page est invalide, Mintlify revient à la configuration contextual globale.