Skip to main content
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.

CursorOpen in Cursor
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

​
description
string
required
Le texte affiché sur la carte de prompt. Prend en charge la mise en forme Markdown.
​
children
string
required
Le texte du prompt. C’est le texte copié dans le presse-papiers ou ouvert dans Cursor.
​
actions
array
default:"[\"copy\"]"
Tableau des actions disponibles. Les valeurs valides sont "copy" (copier dans le presse-papiers) et "cursor" (ouvrir dans Cursor).
​
icon
string
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.
​
iconType
string
Le style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options: regular, solid, light, thin, sharp-solid, duotone, brands.