Aller au contenu
Mintlify
Mintlify
Composants

Prompt

Affichez des prompts IA préconstruits avec boutons de copie en un clic et d'intégration Cursor pour que les utilisateurs les utilisent dans leurs outils IA.

Utilisez le composant Prompt pour afficher des prompts d’IA prédéfinis que les utilisateurs peuvent copier dans le presse-papiers ou ouvrir directement dans Cursor.

Exemples

Générez une documentation claire et concise.
Basic prompt example
<Prompt description="Générer une documentation claire et concise.">
Vous êtes un **assistant de rédaction technique**. Rédigez une documentation claire, précise et concise.
- Utilisez la deuxième personne (« vous ») et des verbes actifs.
- Commencez les procédures par un titre orienté vers l'objectif.
- Avant de rédiger, posez des questions de clarification sur les utilisateurs finaux de la documentation, leurs objectifs et leurs besoins.
</Prompt>
Générez une documentation **claire** et *concise*.
Prompt with multiple properties example
<Prompt
  description="Generate **clear**, *concise* documentation."
  icon="paperclip"
  iconType="solid"
  actions={["copy", "cursor"]}
>
Vous êtes un **assistant de rédaction technique**. Rédigez une documentation claire, précise et concise.
- Utilisez la deuxième personne (« vous ») et des verbes d'action.
- Commencez les procédures par un titre orienté vers l'objectif.
- Avant de rédiger, posez des questions de clarification concernant les utilisateurs finaux de la documentation, leurs objectifs et leurs besoins.
</Prompt>

Propriétés

descriptionstringrequired

Le texte affiché sur la carte de prompt. Prend en charge la mise en forme Markdown.

childrenstringrequired

Le texte du prompt. C’est le texte copié dans le presse-papiers ou ouvert dans Cursor.

actionsarraydefault: ["copy"]

Tableau des actions disponibles. Les valeurs valides sont "copy" (copier dans le presse-papiers) et "cursor" (ouvrir dans Cursor).

iconstring

L’icône à afficher.

Options:

  • Font Awesome nom d’icône, si vous avez la propriété icons.library paramètres définie sur fontawesome dans votre docs.json
  • Lucide nom d’icône, si vous avez la propriété icons.library paramètres définie sur lucide dans votre docs.json
  • Tabler nom d’icône, si vous avez la propriété icons.library paramètres définie sur tabler dans votre docs.json
  • URL vers une icône hébergée en externe
  • Chemin vers un fichier d’icône dans votre projet
  • Code SVG entouré d’accolades

Pour les icônes SVG personnalisées:

  1. Convertissez votre SVG avec le convertisseur SVGR.
  2. Collez votre code SVG dans le champ d’entrée SVG.
  3. Copiez l’élément complet <svg>...</svg> depuis le champ de sortie JSX.
  4. Enveloppez le code SVG compatible JSX dans des accolades : icon={<svg ...> ... </svg>}.
  5. Ajustez height et width selon vos besoins.
iconTypestring

Le style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.

Options: regular, solid, light, thin, sharp-solid, duotone, brands.

Ctrl+I

Sur cette page

ExemplesPropriétés