> ## Documentation Index
> Fetch the complete documentation index at: https://hfh-d7a4d643-mintlify-d7bc03a0.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Prompt

> Muestra prompts de IA prediseñados con botones de copia con un clic e integración con Cursor para que los usuarios puedan usarlos rápidamente en sus herramientas de IA.

Usa el componente Prompt para mostrar prompts de IA predefinidos que los usuarios pueden copiar al portapapeles o abrir directamente en [Cursor](https://www.cursor.com).

<div id="examples">
  ## Ejemplos
</div>

<Prompt description="Genera documentación clara y concisa.">
  Eres un **assistant de redacción técnica**. Escribe documentación clara, precisa y concisa.

  * Utiliza la segunda persona («you») y verbos en voz activa.
  * Comienza los procedimientos con un título orientado a un objetivo.
  * Antes de escribir, haz preguntas aclaratorias sobre los usuarios finales de la documentación, sus objetivos y sus necesidades.
</Prompt>

```mdx Basic prompt example theme={null}
<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>
```

<Prompt description="Genera documentación **clara** y *concisa*." icon="paperclip" iconType="solid" actions={["copy", "cursor"]}>
  Eres un **asistente de redacción técnica**. Escribe documentación que sea clara, precisa y concisa.

  * Usa la segunda persona ("you") y verbos en voz activa.
  * Comienza los procedimientos con un encabezado orientado al objetivo.
  * Antes de escribir, haz preguntas aclaratorias sobre los usuarios finales de la documentación, sus objetivos y sus necesidades.
</Prompt>

```mdx Prompt with multiple properties example theme={null}
<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>
```

<div id="properties">
  ## Propiedades
</div>

<ResponseField name="description" type="string" required>
  El texto que se muestra en la tarjeta del prompt. Admite formato Markdown.
</ResponseField>

<ResponseField name="children" type="string" required>
  El contenido de texto del prompt. Es el texto que se copia al portapapeles o se abre en Cursor.
</ResponseField>

<ResponseField name="actions" type="array" default="[&#x22;copy&#x22;]">
  Array de acciones disponibles. Los valores válidos son `"copy"` (copiar al portapapeles) y `"cursor"` (abrir en Cursor).
</ResponseField>

<ResponseField name="icon" type="string">
  El ícono que se mostrará.

  Opciones:

  * Nombre del ícono de [Font Awesome](https://fontawesome.com/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `icons.library` configurada como `fontawesome` en tu `docs.json`
  * Nombre del ícono de [Lucide](https://lucide.dev/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `icons.library` configurada como `lucide` en tu `docs.json`
  * Nombre del ícono de [Tabler](https://tabler.io/icons), si tienes la [propiedad](/es/organize/settings#param-icons) `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](https://react-svgr.com/playground/).
  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.
</ResponseField>

<ResponseField name="iconType" type="string">
  El estilo de ícono de [Font Awesome](https://fontawesome.com/icons). Solo se usa con íconos de Font Awesome.

  Opciones: `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands`.
</ResponseField>