Saltar al contenido
Mintlify
Mintlify
Componentes

Prompt

Muestra prompts de IA prediseñados con botones de copia y de integración con Cursor para que los usuarios los usen rápidamente en sus herramientas.

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*.
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

descriptionstringrequired

El texto que se muestra en la tarjeta del prompt. Admite formato Markdown.

childrenstringrequired

El contenido de texto del prompt. Es el texto que se copia al portapapeles o se abre en Cursor.

actionsarraydefault: ["copy"]

Array de acciones disponibles. Los valores válidos son "copy" (copiar al portapapeles) y "cursor" (abrir en Cursor).

iconstring

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.
iconTypestring

El estilo de ícono de Font Awesome. Solo se usa con íconos de Font Awesome.

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

Ctrl+I

En esta página

EjemplosPropiedades