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

# Bản trình chiếu Manus

> Manus tạo các bài thuyết trình hoàn chỉnh từ một mô tả đơn giản. Nó tiến hành nghiên cứu, phát triển nội dung, thiết kế slide, tạo hình ảnh và viết ghi chú chi tiết cho người thuyết trình—cung cấp các bộ tài liệu sẵn sàng trình bày chỉ trong vài phút.

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>;
};

## Bắt đầu nhanh

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

**Yêu cầu cơ bản**

<CodePrompt>
  "Tạo một bộ tài liệu giới thiệu gồm 15 slide cho nền tảng dịch vụ khách hàng AI của chúng tôi
  nhắm đến khách hàng doanh nghiệp."
</CodePrompt>

**Yêu cầu chi tiết**

<CodePrompt>
  "Tạo một bài thuyết trình đánh giá kinh doanh Quý 3. Bao gồm: doanh thu (tăng 23%),
  thu hút khách hàng (giảm 15% chi phí), ra mắt sản phẩm (ứng dụng di động, API v2),
  và các ưu tiên Quý 4. Thiết kế thân thiện với cấp điều hành bằng các biểu đồ rõ ràng."
</CodePrompt>

**Từ Nội dung Hiện có**

<CodePrompt>
  "Chuyển báo cáo nghiên cứu này thành bài thuyết trình hội nghị gồm 20 slide
  dành cho khán giả kỹ thuật. Bao gồm các biểu đồ chính và thêm ghi chú cho người thuyết trình."
</CodePrompt>

## **Sử dụng Chủ đề**

**Mẫu có sẵn**

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

**Tải lên Mẫu của Bạn**

1. Nhấp vào Nhập mẫu
2. Tải lên mẫu PowerPoint (.pptx) của bạn
3. Manus áp dụng bố cục, màu sắc và phông chữ của bạn

## Những gì Manus Tạo ra

* Slide: Bố cục chuyên nghiệp với hệ thống phân cấp hình ảnh rõ ràng
* Nội dung: Dựa trên nghiên cứu, tường thuật có cấu trúc tốt
* Hình ảnh: Biểu đồ tùy chỉnh, sơ đồ và hình ảnh được tạo
* Ghi chú Người thuyết trình: Các điểm nói chi tiết cho mỗi slide
* Thương hiệu: Màu sắc, phông chữ và kiểu dáng nhất quán

## Cộng tác với Team

## Định dạng Xuất

* PowerPoint (.pptx): Có thể chỉnh sửa hoàn toàn trong PowerPoint hoặc Google Slides
* PDF: Sẵn sàng in để phân phối
* Web Slides: Bản trình bày tương tác dựa trên trình duyệt
* Tài liệu Ghi chú Người thuyết trình: Tệp riêng biệt chứa tất cả ghi chú

## Mẹo để có Bài thuyết trình Tốt hơn

Hãy cụ thể về đối tượng:

* ✅ "Khán giả kỹ thuật quen thuộc với ML"
* ✅ "Giám đốc điều hành kinh doanh, không có nền tảng kỹ thuật"
* ❌ "Khán giả chung"

Xác định mục tiêu:

* ✅ "Thuyết phục nhà đầu tư tài trợ cho chúng tôi"
* ✅ "Giáo dục sinh viên về những điều cơ bản"
* ❌ "Trình bày thông tin"

Chỉ định độ dài và thời gian:

* ✅ "15 slide cho bài thuyết trình 20 phút"
* ✅ "30 slide cho buổi hội thảo 1 giờ"
* ❌ "Tạo vài slide"

Để Manus nghiên cứu:

* ✅ "Nghiên cứu các xu hướng thị trường hiện tại và đưa vào"
* ❌ Tự cung cấp tất cả nội dung

## Câu hỏi thường gặp

**Tôi có thể chỉnh sửa các slide sau khi tạo không? Có. Tải xuống tệp .pptx và chỉnh sửa trong bất kỳ phần mềm trình chiếu nào.**

Mất bao lâu? 5-15 phút, tùy thuộc vào độ phức tạp. Bộ 10 slide đơn giản: \~5 phút. Bài thuyết trình nghiên cứu phức tạp 40 slide: \~15 phút.

**Manus có thể sử dụng mẫu công ty của tôi không? Có. Tải lên tệp mẫu .pptx của bạn.**

Nếu tôi cần thay đổi thì sao? Yêu cầu Manus thực hiện thay đổi qua trò chuyện, hoặc chỉnh sửa trực tiếp tệp PowerPoint.

**Manus có thể tạo biểu đồ dựa trên dữ liệu của tôi không? Có. Tải lên dữ liệu của bạn (CSV, Excel), và Manus sẽ tạo các hình ảnh trực quan thích hợp.**

Những ngôn ngữ nào được hỗ trợ? Tất cả các ngôn ngữ chính. Chỉ định trong yêu cầu của bạn: “Tạo bằng tiếng Tây Ban Nha...”
