Một kỹ năng đại lý mã hóa AI được thiết kế để tạo ra các slide thuyết trình HTML hoàn chỉnh, tự chứa, hoàn thiện với CSS nhúng và các hiệu ứng chuyển slide phản hồi, điều hướng bằng bàn phím.
Cài đặt & Tải xuống
1. ClawHub CLI
Cách nhanh nhất để cài đặt kỹ năng trực tiếp từ thư viện.
npx clawhub@latest install visual-html-presentations
2. Cài đặt Thủ công
Sao chép thư mục kỹ năng vào một trong những vị trí sau
~/.openclaw/skills/ <project>/skills/ Ưu tiên: Không gian làm việc > Cục bộ > Gói sẵn
3. Cài đặt Prompt
Sao chép prompt này vào OpenClaw để tự động cài đặt.
Giúp tôi cài đặt visual-html-presentations bằng Clawhub. Nếu Clawhub chưa
Bạn muốn tải xuống?
Nhận các tệp kỹ năng gốc dưới dạng lưu trữ ZIP.
Visual HTML Presentations là gì?
Kỹ năng visual-html-presentations cho phép các đại lý AI ngay lập tức chuyển đổi ý tưởng, dàn ý, tài liệu hoặc bản ghi thành các slide thuyết trình HTML tương tác tuyệt đẹp. Bằng cách loại bỏ các phụ thuộc bên ngoài, kỹ năng này đảm bảo các bản thuyết trình được tạo ra hoàn toàn tự chứa, nhẹ và có thể mở cục bộ trong bất kỳ trình duyệt máy tính để bàn hoặc di động hiện đại nào.
Cho dù đang chuẩn bị cho một cuộc họp nhóm nhịp độ nhanh, một buổi đào tạo kỹ thuật, hay một bản tường thuật video được ghi lại, công cụ này cân bằng sự đơn giản về thẩm mỹ với việc thực thi kỹ thuật. Nó áp dụng các nguyên tắc thiết kế sạch sẽ — như khoảng trắng có cấu trúc, hệ thống phân cấp kiểu chữ mạnh mẽ và điều hướng bàn phím trực quan — trong khi loại bỏ các xu hướng thiết kế gây xao lãng và cồng kềnh.
Trường hợp sử dụng Visual HTML Presentations
- Chuyển đổi nội dung tĩnh thành slide: Chuyển đổi các ghi chú markdown thô, bản ghi hoặc báo cáo văn bản thành các slide kể chuyện có cấu trúc.
- Tạo các bài thuyết trình chào hàng nhanh cho khách hàng: Tạo các bản thuyết trình dựa trên Web nhanh chóng, chuyên nghiệp mà không cần khởi động các phần mềm thiết kế nặng nề.
- Xây dựng nội dung slide sẵn sàng cho video: Tạo các bố cục có độ tương phản cao, ít văn bản được tối ưu hóa đặc biệt cho các bản ghi màn hình, reels hoặc tường thuật video.
- Soạn thảo chương trình giảng dạy và tài liệu đào tạo: Đóng gói các hướng dẫn kỹ thuật, hội thảo hoặc lớp học với các phần trực quan rõ ràng và đánh số slide cụ thể.
Cách thức hoạt động của Visual HTML Presentations
- Phân tích đầu vào: Đại lý đọc các ghi chú, dàn ý hoặc tài liệu thô của người dùng, xác định thông điệp chính, đối tượng mục tiêu và tông giọng mong muốn.
- Sắp xếp trình tự kể chuyện: Xây dựng một luồng slide logic từ slide tiêu đề và tuyên bố vấn đề đến các lập luận chính và lời kêu gọi hành động cuối cùng.
- Lựa chọn bố cục và phong cách: Kỹ năng này chọn bảng màu phù hợp với nội dung và thay đổi các mẫu bố cục cấu trúc giữa các slide để duy trì sự thú vị về mặt thị giác.
- Tạo mã: Một tệp HTML duy nhất được biên dịch với kiểu CSS được nhúng hoàn toàn và logic JavaScript để điều khiển điều hướng thuyết trình.
- Kiểm tra xác thực: Đại lý xác minh các ràng buộc về kích thước phông chữ, khả năng phản hồi của bố cục, ngắt dòng văn bản và các điều khiển điều hướng bằng bàn phím.
- Phân phối cục bộ: Mã cuối cùng được ghi trực tiếp vào đường dẫn tệp cục bộ, kèm theo tóm tắt thực thi markdown toàn diện trong cuộc trò chuyện.
Cài đặt Visual HTML Presentations
Để tận dụng các khả năng này với Openclaw Skills, hãy đảm bảo cấu hình kỹ năng được liệt kê chính xác trong không gian làm việc dự án cục bộ của bạn.
Không cần các phụ thuộc toàn cầu của bên thứ ba chuyên biệt, vì nó dựa trên các tiêu chuẩn Web gốc. Chỉ cần chạy nền tảng đại lý của bạn với kỹ năng đã được kích hoạt:
# Kích hoạt tạo bản thuyết trình trực tiếp từ không gian làm việc thiết bị đầu cuối của bạn
openclaw run "Create an HTML presentation from project_spec.md"
Lược đồ dữ liệu & Hệ thống phân loại của Visual HTML Presentations
Kỹ năng này tạo và theo dõi các tài nguyên bằng cách sử dụng một lược đồ sạch sẽ, cô lập để tránh lộn xộn dự án. Theo mặc định, nó hoạt động trên mô hình phân phối tệp đơn trừ khi các tài nguyên được yêu cầu rõ ràng.
Kiến trúc đầu ra
| Tài nguyên tệp | Loại | Mô tả |
|---|---|---|
*.html |
Đầu ra | Bản thuyết trình tự chứa bao gồm tất cả các cấu trúc khung HTML, các tệp <style> nhúng và các tập lệnh tương tác. |
| Tài nguyên cục bộ | Thư mục | (Tùy chọn) Thư mục cục bộ chỉ được tạo nếu người dùng yêu cầu rõ ràng đường dẫn hình ảnh cục bộ hoặc các gói phông chữ chuyên dụng thay vì các tùy chọn nhúng. |
Phân loại trả về Markdown
Tất cả các đầu ra được tạo ra được tóm tắt cho người dùng bằng khung phân loại sau:
- Tóm tắt: Ghi lại các mục tiêu, giả định đối tượng mục tiêu và các lựa chọn phong cách thiết kế.
- Cấu trúc: Một chỉ mục slide theo slide tuần tự chi tiết các tiêu đề cụ thể.
- Kết quả: Đường dẫn hệ thống tệp cục bộ lưu trữ bản thuyết trình mới.
- Xác minh: Báo cáo về các bài kiểm tra hiển thị cục bộ và chức năng điều hướng.
- Còn lại: Kêu gọi bất kỳ tài nguyên bị thiếu nào, các bổ sung thương hiệu cần thiết hoặc các xác minh yêu cầu tùy chọn.
Tính năng Nâng cao của Visual HTML Presentations
- Các chế độ thuyết trình nhận biết ngữ cảnh: Thay đổi linh hoạt các quy tắc bố cục giữa Chế độ Video (độ tương phản cao, số lượng từ cực thấp, ràng buộc 16:9) và Chế độ Đào tạo (bao gồm số slide, ngắt phần tóm tắt và mật độ văn bản cao hơn).
- Điều khiển bàn phím và điều hướng nhúng: Định cấu hình các liên kết phím mũi tên trên các trình duyệt (
Left/Right) cùng với các điểm giao diện trực quan hiển thị hoặc mũi tên điều hướng. - Cô lập tệp cục bộ (Ưu tiên quyền riêng tư): Hoạt động theo mô hình bảo mật cục bộ nghiêm ngặt, đảm bảo mã thuyết trình, tài sản doanh nghiệp hoặc dữ liệu thương hiệu không bao giờ bị xuất bản hoặc rò rỉ cho các nhà cung cấp lưu trữ Web bên ngoài mà không có sự cho phép rõ ràng.
- CSS thân thiện với in PDF: Hỗ trợ các hook truy vấn in phương tiện chuyên biệt trong các kiểu nhúng, giúp việc xuất bố cục qua các menu in của trình duyệt trở nên sạch sẽ và có thể dự đoán được.
SKILL.md
Đang tải
Các kỹ năng Openclaw liên quan
Trình chỉnh sửa văn bản nhân hóa
Một tiện ích chỉnh sửa văn bản chuyên dụng giúp viết lại các bản sao cứng nhắc, máy móc hoặc do AI tạo thành văn bản tự nhiên, đáng tin cậy và phù hợp với ngữ cảnh.
Factual Claim Verifier
Một kỹ năng xác minh tuyên bố và kiểm tra thực tế nâng cao dành cho các tác nhân AI để xem xét các bản thảo, bài viết và bản sao sản phẩm trước khi xuất bản.
Dumbing Us Down
Một kỹ năng AI coding agent có thể thực thi, được thiết kế để giúp các gia đình và nhà giáo dục chẩn đoán những thiếu sót của việc học bắt buộc, thoát khỏi hệ thống và thực hiện việc học tự định hướng dựa trên tác phẩm nền tảng của John Taylor Gatto.
Hanfeizi Wisdom
Hanfeizi Wisdom mang đến khung quản trị Pháp gia dứt khoát về kiểm soát tổ chức, các quy tắc hệ thống và cân bằng quyền lực vào các giao thức AI agent.
Process Interviewer
Một kỹ năng khám phá tương tác thực hiện phỏng vấn người dùng để lập bản đồ, cấu trúc và tài liệu hóa các quy trình làm việc phức tạp trước khi bắt đầu bất kỳ quá trình tự động hóa hoặc xây dựng nào.
Trợ lý ra quyết định về tính khả thi trong phát triển WeChat Mini Program
Đánh giá ngay các khái niệm WeChat Mini Program bằng nghiên cứu thị trường tự động, phân tích WeChat Index và các báo cáo khả thi HTML chuyên nghiệp.
Đặc sắc*
