Saltar al contenido principal
Usa el componente Prompt para mostrar prompts de IA predefinidos que los usuarios pueden copiar al portapapeles o abrir directamente en Cursor.

Ejemplos

Genera documentación clara y concisa.

Basic prompt example

Genera documentación clara y concisa.

Abrir en Cursor
Prompt with multiple properties example

Propiedades

description
string
requerido
El texto que se muestra en la tarjeta del prompt. Admite formato Markdown.
children
string
requerido
El contenido de texto del prompt. Es el texto que se copia al portapapeles o se abre en Cursor.
actions
array
predeterminado:"[\"copy\"]"
Array de acciones disponibles. Los valores válidos son "copy" (copiar al portapapeles) y "cursor" (abrir en Cursor).
icon
string
El ícono que se mostrará.Opciones:
  • Nombre del ícono de Font Awesome, si tienes la propiedad icons.library configurada como fontawesome en tu docs.json
  • Nombre del ícono de Lucide, si tienes la propiedad icons.library configurada como lucide en tu docs.json
  • Nombre del ícono de Tabler, si tienes la propiedad icons.library configurada como tabler en tu docs.json
  • URL de un ícono alojado externamente
  • Ruta a un archivo de ícono en tu proyecto
  • Código SVG envuelto entre llaves
Para íconos SVG personalizados:
  1. Convierte tu SVG con el convertidor de SVGR.
  2. Pega tu código SVG en el campo de entrada de SVG.
  3. Copia el elemento completo <svg>...</svg> del campo de salida de JSX.
  4. Envuelve el código SVG compatible con JSX entre llaves: icon={<svg ...> ... </svg>}.
  5. Ajusta height y width según sea necesario.
iconType
string
El estilo de ícono de Font Awesome. Solo se usa con íconos de Font Awesome.Opciones: regular, solid, light, thin, sharp-solid, duotone, brands.