> ## Documentation Index
> Fetch the complete documentation index at: https://adminroletesting-justin-client-exports.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 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](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>