Passer au contenu principal
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

Générez une documentation claire et concise.

Ouvrir dans Cursor
Prompt with multiple properties example

Propriétés

string
requis
Le texte affiché sur la carte de prompt. Prend en charge la mise en forme Markdown.
string
requis
Le texte du prompt. C’est le texte copié dans le presse-papiers ou ouvert dans Cursor.
array
défaut:"[\"copy\"]"
Tableau des actions disponibles. Les valeurs valides sont "copy" (copier dans le presse-papiers) et "cursor" (ouvrir dans Cursor).
string
L’icône à afficher.Options:
  • Nom d’icône Font Awesome si vous avez la propriété icons.library définie sur fontawesome dans votre docs.json
  • Nom d’icône Lucide si vous avez la propriété icons.library définie sur lucide dans votre docs.json
  • Nom d’icône Tabler si vous avez la propriété icons.library définie sur tabler dans votre docs.json
  • Un seul emoji (par exemple, 💡 ou 🚀)
  • 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.
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.
string
Classes CSS supplémentaires à appliquer à la carte de prompt.