Skip to main content
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
<Prompt description="Genera documentación clara y concisa.">
Eres un **asistente de redacción técnica**. Escribe documentación clara, precisa y concisa.
- Usa la segunda persona ("tú") y verbos en voz activa.
- Inicia los procedimientos con un encabezado orientado a objetivos.
- Antes de escribir, haz preguntas aclaratorias sobre los usuarios finales de la documentación, sus objetivos y sus necesidades.
</Prompt>

Genera documentación clara y concisa.

CursorOpen in Cursor
Prompt with multiple properties example
<Prompt
  description="Generate **clear**, *concise* documentation."
  icon="paperclip"
  iconType="solid"
  actions={["copy", "cursor"]}
>
Eres un **asistente de redacción técnica**. Escribe documentación clara, precisa y concisa.
- Usa la segunda persona ("tú") y verbos activos.
- Inicia los procedimientos con un encabezado orientado a objetivos.
- Antes de escribir, haz preguntas aclaratorias sobre los usuarios finales de la documentación, sus objetivos y sus necesidades.
</Prompt>

​
Propiedades

​
description
string
required
El texto que se muestra en la tarjeta del prompt. Admite formato Markdown.
​
children
string
required
El contenido de texto del prompt. Es el texto que se copia al portapapeles o se abre en Cursor.
​
actions
array
default:"[\"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.