Phong cách tạp chí kỹ thuật số PPT @GuiCang
Tạo các bài thuyết trình PowerPoint (PPT) dạng lật ngang trên nền web (một tệp HTML duy nhất) theo phong cách "tạp chí điện tử × mực điện tử", bao gồm các mẫu như nền động WebGL, tiêu đề có chân + văn bản không chân, bìa chương, biểu ngữ dữ liệu lớn và lưới hình ảnh. Sử dụng công cụ này khi người dùng cần tạo các bài thuyết trình PowerPoint trên nền web để chia sẻ/thuyết trình/sự kiện ra mắt, hoặc khi đề cập đến "PPT kiểu tạp chí", "bảng trình chiếu lật ngang", "tạp chí biên tập" hoặc "bài thuyết trình mực điện tử".

Featured by
淡苍
Why we love this skill
Kỹ năng này kết hợp phong cách tạp chí điện tử và mực điện tử để tạo ra các bài thuyết trình PowerPoint trực tuyến độc đáo, mang tính nghệ thuật cao, với các trang lật ngang. Khác với các mẫu kinh doanh truyền thống, nó sử dụng phông chữ trang nhã, hình nền mượt mà và bố cục tinh tế để tạo ra trải nghiệm hình ảnh cao cấp, gợi nhớ đến tạp chí Monocle.
Hướng dẫn
Hãy nhớ sử dụng Webpage để tạo ra nó.
Tạo các bài thuyết trình PowerPoint (PPT) dạng lật ngang trên nền web (một tệp HTML duy nhất) theo phong cách "tạp chí điện tử × mực điện tử", bao gồm các mẫu như nền động WebGL, tiêu đề có chân + văn bản không chân, bìa chương, biểu ngữ dữ liệu lớn và lưới hình ảnh. Sử dụng công cụ này khi người dùng cần tạo các bài thuyết trình PowerPoint trên nền web để chia sẻ/thuyết trình/sự kiện ra mắt, hoặc khi đề cập đến "PPT kiểu tạp chí", "bảng trình chiếu lật ngang", "tạp chí biên tập" hoặc "bài thuyết trình mực điện tử".
# Bản trình chiếu PowerPoint cho tạp chí trực tuyến
Kỹ năng này có tác dụng gì?
Tạo một tệp HTML duy nhất với định dạng trình chiếu ngang. Kiểu hiển thị là:
- Phong cách kết hợp giữa tạp chí điện tử và mực điện tử
- **Hình nền WebGL Fluid/Contour/Dispersion** (Xem trang giới thiệu)
- **Tiêu đề có chân (Noto Serif SC + Playfair Display) + Văn bản chính không chân (Noto Sans SC + Inter) + Siêu dữ liệu đơn cách (IBM Plex Mono)**
- **Biểu tượng tuyến tính Lucide** (Không cần biểu tượng cảm xúc)
- **Lật trang theo chiều ngang (trái và phải trên bàn phím, con lăn chuột, vuốt trên màn hình cảm ứng, dấu chấm ở cuối trang, phím ESC)**
- **Chuyển đổi chủ đề mượt mà**: Màu sắc và hiệu ứng chuyển tiếp mượt mà khi điều hướng đến trang chính.
Về mặt thẩm mỹ, kỹ năng này không phải là "PowerPoint dành cho doanh nghiệp" cũng không phải là "Giao diện người dùng internet dành cho người tiêu dùng"—nó giống như tạp chí *Monocle* được dán thêm mã lập trình.
## Khi nào nên sử dụng
**Các trường hợp phù hợp:**
- Các buổi chia sẻ trực tiếp / Thảo luận chuyên ngành / Các cuộc họp riêng
- Ngày ra mắt/trình diễn sản phẩm AI mới
- Bài phát biểu mang đậm phong cách cá nhân.
- Cần một phiên bản trình chiếu trực tuyến có thể hoàn thành trong một lần mà không cần công cụ lật trang.
**Các trường hợp không phù hợp:**
- Nhiều phần dữ liệu dạng bảng và biểu đồ chồng lên nhau (sử dụng các bài thuyết trình PowerPoint tiêu chuẩn)
- Tài liệu đào tạo (mật độ thông tin không đủ)
- Cần chỉnh sửa cộng tác bởi nhiều người (đây là HTML tĩnh)
### Bước 1 · Làm rõ yêu cầu (**Cần thiết trước khi bắt đầu**)
Nếu người dùng đã cung cấp đầy đủ dàn ý và hình ảnh, bạn có thể bỏ qua Bước 2.
Nếu người dùng chỉ cung cấp chủ đề hoặc ý tưởng mơ hồ, hãy đối chiếu từng ý tưởng đó với 6 câu hỏi này trước khi bắt đầu. Đừng bắt đầu viết slide dựa trên phỏng đoán—một khi cấu trúc sai, việc chỉnh sửa sau này sẽ rất tốn kém. Bạn có thể sử dụng công cụ askUserQuestion khi đặt câu hỏi.
#### 6 Câu hỏi làm rõ
| # | Câu hỏi | Tại sao lại hỏi? |
|---|------|-----------|
| 1 | **Đối tượng là ai? Kịch bản chia sẻ là gì?** (Người trong ngành/Ra mắt sản phẩm/Ngày giới thiệu sản phẩm/Cuộc họp riêng) | Xác định phong cách và độ sâu của ngôn ngữ |
| 2 | **Thời lượng chia sẻ?** | 15 phút ≈ 10 trang, 30 phút ≈ 20 trang, 45 phút ≈ 25-30 trang |
| 3 | **Bạn có tài liệu gốc nào không?** (Tài liệu/Dữ liệu/Bài thuyết trình PowerPoint cũ/Liên kết bài viết) | Nếu có tài liệu, hãy sử dụng chúng; nếu không, hãy tạo ra thứ gì đó khác từ chúng. |
| 4 | **Có hình ảnh nào không? Nên đặt chúng ở đâu?** | Xem "Quy ước về hình ảnh" bên dưới |
| 5 | **Bạn muốn chọn màu chủ đề nào?** | Xem @themes.md , chọn một trong 5 mẫu có sẵn |
| 6 | **Có ràng buộc bắt buộc nào không?** (Phải bao gồm dữ liệu XX / YY không được xuất hiện) | Để tránh làm lại |
#### Hỗ trợ lập dàn ý (nếu người dùng chưa có dàn ý)
Sử dụng mẫu "cấu trúc tự sự" để xây dựng khung sườn, sau đó điền nội dung vào:
```
Mở đầu → Trang 1: Đưa ra sự tương phản/câu hỏi/dữ liệu cụ thể để thu hút sự chú ý của người đọc.
Thiết lập giọng điệu (Bối cảnh) → Trang 1-2: Giải thích bối cảnh / Bạn là ai / Tại sao bạn lại nói về điều này
Nội dung chính (Cốt lõi) → Trang 3-5: Nội dung cốt lõi, xen kẽ với các bố cục 4/5/6/9/10
Chuyển đổi → Trang 1: Phá vỡ kỳ vọng / Trình bày một góc nhìn mới
Tóm tắt → Trang 1-2: Trích dẫn quan trọng / Câu hỏi gây tò mò / Gợi ý hành động
```
Lập sơ đồ cốt truyện + kế hoạch số trang + bảng nhịp điệu chủ đề (xem @layouts.md ), **căn chỉnh ba bảng này** trước khi chuyển sang Bước 2.
Nên lưu bản phác thảo dưới dạng `bản ghi dự án` hoặc `outline-v1` để dễ dàng chỉnh sửa trong các lần sau.
#### Quy ước về hình ảnh (Thông báo cho người dùng)
Hãy giải thích những điều sau đây cho người dùng trước khi tiếp tục:
- **Vị trí hình ảnh**: Hình ảnh nào nằm trên bảng, hay hình ảnh nào đã được tải lên?
- **Nếu không có hình ảnh thì sao?**: Để phù hợp với bố cục của người dùng, bạn có thể tạo cấu trúc trước bằng cách sử dụng các khối màu giữ chỗ và thêm hình ảnh sau; tuy nhiên, bạn cần thông báo cho bố cục 4/5/10 và các trang kết hợp văn bản và hình ảnh khác rằng hiệu ứng trực quan không thể được xác minh nếu không có hình ảnh.
### Bước 2 · Mẫu tham chiếu
@template.txt là một tệp HTML **hoàn chỉnh và đầy đủ chức năng** — CSS, shader WebGL, JavaScript phân trang và CDN phông chữ/biểu tượng đều được thiết lập sẵn; chỉ có `
#### 2.1 · Các vị trí giữ chỗ cần phải thay đổi (**Dễ bị bỏ sót**)
Ngay sau khi sao chép, hãy thay đổi các chỗ giữ chỗ sau; nếu không, các tab trình duyệt của bạn sẽ hiển thị dòng chữ khó hiểu "[Bắt buộc] Thay thế bằng tiêu đề PPT":
| Vị trí | Bản gốc | Cần được thay đổi thành |
|------|------|--------|
| `
#### 2.2 · Chọn màu chủ đề (5 màu có sẵn · Không cho phép chọn màu tùy chỉnh)
Kỹ năng này **chỉ cho phép lựa chọn từ 5 thiết lập có sẵn được tuyển chọn kỹ lưỡng**, và không chấp nhận các giá trị hex do người dùng định nghĩa — màu sắc không khớp sẽ ngay lập tức làm cho hình ảnh trông xấu; bảo vệ tính thẩm mỹ quan trọng hơn việc cho phép tự do lựa chọn.
| # | Chủ đề | Phù hợp cho |
|---|------|------|
| 1 | 🖋 Mực cổ điển | Phát hành chung/Thương mại/Mặc định nếu không chắc chắn |
| 2 | 🌊 Indigo Porcelain | Hội nghị Công nghệ/Nghiên cứu/Dữ liệu/Ra mắt Công nghệ |
| 3 | 🌿 Mực Rừng | Thiên nhiên/Bền vững/Văn hóa/Phi hư cấu |
| 4 | 🍂 Giấy Kraft | Tạp chí hoài niệm/Nhân văn/Văn học/Độc lập |
| 5 | 🌙 Cồn cát | Nghệ thuật/Thiết kế/Sáng tạo/Phòng trưng bày |
**vận hành**:
1. Đề xuất một bộ nội dung dựa trên chủ đề, hoặc trực tiếp hỏi người dùng họ muốn chọn bộ nội dung nào.
2. Mở tệp @themes.md và tìm khối `:root` tương ứng với chủ đề.
3. **Thay thế hoàn toàn** các dòng được đánh dấu "màu chủ đề" trong khối `:root{` ở đầu tệp @template.txt (`--ink` / `--ink-rgb` / `--paper` / `--paper-rgb` / `--paper-tint` / `--ink-tint`).
4. Tất cả các CSS khác sử dụng `var(--...)`, không yêu cầu sửa đổi nào khác.
**Những quy tắc bất di bất dịch**:
- Chỉ sử dụng một chủ đề cho mỗi bộ bài; không thay đổi phối màu giữa chừng.
- Không chấp nhận các giá trị thập lục phân tùy ý do người dùng cung cấp — hãy lịch sự từ chối và hiển thị 5 tùy chọn để lựa chọn.
- Không nên phối hợp các loại mực khác nhau (ví dụ: mực dành cho Ink Classic, giấy dành cho Dune) - trông sẽ hoàn toàn không ăn khớp.
### Bước 3 · Điền nội dung
#### 3.0 · Kiểm tra trước khi chạy: Tên lớp phải được định nghĩa trong @template.txt (**Quan trọng nhất**)
Đây là nguồn gốc của mọi vấn đề về tạo nội dung. Cấu trúc của @layouts.md sử dụng nhiều tên lớp (`h-hero` / `h-xl` / `stat-card` / `pipeline` / `grid-2-7-5`, v.v.). Nếu không có định nghĩa tương ứng trong `