> ## Documentation Index
> Fetch the complete documentation index at: https://manus.im/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Diapositivas de Manus

> Manus crea presentaciones completas a partir de una simple descripción. Realiza investigaciones, desarrolla contenido, diseña diapositivas, genera elementos visuales y escribe notas detalladas para el orador, entregando presentaciones listas para usar en minutos.

export const CodePrompt = ({children}) => {
  const [isCopied, setIsCopied] = useState(false);
  const textContent = useMemo(() => {
    const extractText = (children, depth = 0) => {
      const maxDepth = 10;
      if (depth > maxDepth) return '';
      if (children == null) return '';
      if (typeof children === 'string' || typeof children === 'number') {
        return String(children);
      }
      if (Array.isArray(children)) {
        return children.map(child => extractText(child, depth + 1)).join('');
      }
      if (typeof children === 'object' && children.props) {
        return extractText(children.props.children, depth + 1);
      }
      return '';
    };
    return extractText(children);
  }, [children]);
  const handleAskManus = useCallback(() => {
    const url = new URL('https://manus.im');
    if (textContent) {
      url.searchParams.set('q', textContent);
      url.searchParams.set('submit', '1');
    }
    window.open(url.toString(), '_blank');
  }, [textContent]);
  const handleCopy = useCallback(async () => {
    try {
      await navigator.clipboard.writeText(textContent);
      setIsCopied(true);
      setTimeout(() => {
        setIsCopied(false);
      }, 2000);
    } catch (err) {
      const textArea = document.createElement('textarea');
      textArea.value = textContent;
      textArea.style.position = 'fixed';
      textArea.style.opacity = '0';
      document.body.appendChild(textArea);
      textArea.select();
      try {
        document.execCommand('copy');
        setIsCopied(true);
        setTimeout(() => {
          setIsCopied(false);
        }, 2000);
      } catch (fallbackErr) {
        console.error(fallbackErr);
      }
      document.body.removeChild(textArea);
    }
  }, [textContent]);
  return <div className="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent">
      <div className="absolute top-3 right-4 flex items-center gap-1.5">
        <div className="z-10 relative">
          <button onClick={handleCopy} className="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block">
            {isCopied ? <svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-primary dark:fill-primary-light">
                <path d="M14.7813 1.21873C15.0751 1.51248 15.0751 1.98748 14.7813 2.2781L6.53135 10.5312C6.2376 10.825 5.7626 10.825 5.47197 10.5312L1.21885 6.28123C0.925098 5.98748 0.925098 5.51248 1.21885 5.22185C1.5126 4.93123 1.9876 4.9281 2.27822 5.22185L5.99697 8.9406L13.7188 1.21873C14.0126 0.924976 14.4876 0.924976 14.7782 1.21873H14.7813Z"></path>
              </svg> : <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60">
                <path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
                <path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
              </svg>}
          </button>
          <div aria-hidden="true" className="absolute top-11 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-white rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">
            {isCopied ? 'Copied' : 'Copy'}
          </div>
        </div>
        <div className="z-10 relative">
          <button onClick={handleAskManus} className="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-manus " id="ask-ai-code-block-button" aria-label="Ask Manus">
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" className="w-4 h-4 text-gray-400 group-hover/ask-manus:text-gray-500 dark:text-white/40 dark:group-hover/ask-manus:text-white/60">
              <path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" />
              <path d="M12 8v6" />
              <path d="M9 11h6" />
            </svg>
          </button>
          <div aria-hidden="true" className="absolute top-11 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-white rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">
            Ask Manus
          </div>
        </div>
      </div>

      <div className="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 [&_pre>code]:pr-[3rem] [&_pre>code>span.line-highlight]:min-w-[calc(100%+3rem)] [&_pre>code>span.line-diff]:min-w-[calc(100%+3rem)] rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" style={{
    fontVariantLigatures: 'none',
    height: 'auto',
    backgroundColor: 'rgb(255, 255, 255)'
  }}>
        <div className="font-mono whitespace-pre leading-6">{children}</div>
      </div>
    </div>;
};

## Inicio Rápido

<iframe src="https://www.youtube.com/embed/pFDWPizKNxo" title="Reproductor de video de YouTube" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

**Solicitud Básica**

<CodePrompt>
  "Crear una presentación de 15 diapositivas para nuestra plataforma de servicio al cliente de AI
  dirigida a clientes empresariales."
</CodePrompt>

**Solicitud Detallada**

<CodePrompt>
  "Crear una presentación de revisión empresarial del tercer trimestre. Cubrir: ingresos (aumento del 23%),
  adquisición de clientes (reducción del 15% en costos), lanzamientos de productos (aplicación móvil, API v2),
  y prioridades del cuarto trimestre. Hacerla amigable para ejecutivos con gráficos claros."
</CodePrompt>

**A partir de Contenido Existente**

<CodePrompt>
  "Convertir este informe de investigación en una presentación de conferencia de 20 diapositivas
  para una audiencia técnica. Incluir gráficos clave y añadir notas para el orador."
</CodePrompt>

## **Uso de Temas**

**Plantillas Prediseñadas**

<iframe src="https://www.youtube.com/embed/svWBYYl7Grc" title="Reproductor de video de YouTube" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

**Cargar su Plantilla**

1. Haga clic en Importar plantilla
2. Cargue su plantilla de PowerPoint (.pptx)
3. Manus aplica sus diseños, colores y fuentes

## Lo que Crea Manus

* Diapositivas: Diseños profesionales con jerarquía visual clara
* Contenido: Narrativa bien estructurada y respaldada por investigación
* Elementos Visuales: Gráficos, diagramas e imágenes generadas a medida
* Notas del Orador: Puntos de conversación detallados para cada diapositiva
* Marca: Colores, fuentes y estilo consistentes

## Colaborar con Team

## Formatos de Exportación

* PowerPoint (.pptx): Totalmente editable en PowerPoint o Google Slides
* PDF: Listo para imprimir y distribuir
* Diapositivas Web: Presentación interactiva basada en navegador
* Documento de Notas del Orador: Archivo separado con todas las notas

## Consejos para Mejores Presentaciones

Sea específico sobre la audiencia:

* ✅ "Audiencia técnica familiarizada con ML"
* ✅ "Ejecutivos de negocios, sin conocimientos técnicos"
* ❌ "Audiencia general"

Defina el objetivo:

* ✅ "Convencer a los inversores para que nos financien"
* ✅ "Educar a los estudiantes sobre lo básico"
* ❌ "Presentar información"

Especifique la duración y el tiempo:

* ✅ "15 diapositivas para una presentación de 20 minutos"
* ✅ "30 diapositivas para un taller de 1 hora"
* ❌ "Hacer algunas diapositivas"

Permitir que Manus investigue:

* ✅ "Investigar las tendencias actuales del mercado e incluirlas"
* ❌ Proporcionar todo el contenido usted mismo

## Preguntas Frecuentes

**¿Puedo editar las diapositivas después de la creación? Sí. Descargue el archivo .pptx y edítelo en cualquier software de presentación.**

¿Cuánto tiempo tarda? De 5 a 15 minutos dependiendo de la complejidad. Presentación simple de 10 diapositivas: \~5 min. Presentación de investigación compleja de 40 diapositivas: \~15 min.

**¿Puede Manus usar mi plantilla de empresa? Sí. Suba su archivo de plantilla .pptx.**

¿Qué pasa si necesito cambios? Pida a Manus que realice cambios a través de una conversación, o edite el archivo de PowerPoint directamente.

**¿Puede Manus crear gráficos a partir de mis datos? Sí. Suba sus datos (CSV, Excel), y Manus creará las visualizaciones adecuadas.**

¿Qué idiomas son compatibles? Todos los idiomas principales. Especifique en su solicitud: "Crear en español..."
