01 / 08
2026

Frontend Slides
Tạo slide đẹp bằng AI

Biến ý tưởng thành bản trình chiếu web chuyên nghiệp trong vài phút, không cần biết CSS hay JavaScript.

github.com/zarazhangrui/frontend-slides
01 · Vấn đề

Làm slide đẹp rất khó

01
01

Khó mô tả thẩm mỹ bằng lời

Người không làm thiết kế rất khó nói rõ mình muốn slide "trông như thế nào".

02

PowerPoint ngốn hàng giờ

Căn lề, chọn màu, chỉnh font cho từng slide tốn thời gian mà kết quả vẫn thiếu chuyên nghiệp.

03

Thuê designer thì đắt và chậm

Mỗi lần sửa nội dung lại phải chờ, không phù hợp với nhịp làm việc của Sales và Marketing.

3
Rào cản khiến slide đẹp nằm ngoài tầm với của người không làm thiết kế
02 · Giải pháp

Frontend Slides là gì?

02
01

Skill cho AI coding agent

Cài vào Claude Code, sau đó chỉ cần trò chuyện: AI tự thiết kế và viết code cho bạn.

02

Một file HTML duy nhất

Không cần cài phần mềm, không npm, không framework. Mở bằng trình duyệt là chạy.

03

Đẹp trên mọi thiết bị

Khung 16:9 cố định tự co giãn theo màn hình: laptop, máy chiếu hay điện thoại đều hiển thị đúng.

0
Phần mềm cần cài thêm để mở và trình chiếu
03 · Quy trình

"Show, Don't Tell": xem rồi chọn, không cần tả

03
Bước 1

Kể nội dung

Đưa dàn ý, ghi chú thô hoặc chỉ cần chủ đề. Có file PowerPoint cũ cũng dùng được.

Bước 2

AI sinh 3 bản xem thử

3 phong cách khác nhau được dựng thành slide thật để bạn nhìn tận mắt.

Bước 3

Chọn bằng mắt

Thích cái nào chỉ cái đó. Không cần biết thuật ngữ thiết kế.

Bước 4

Sinh deck hoàn chỉnh

AI mở rộng phong cách đã chọn ra toàn bộ slide, có hiệu ứng chuyển động.

Bước 5

Mở và trình chiếu

Nhận 1 file HTML, mở bằng trình duyệt và thuyết trình ngay.

04 · Kho phong cách

46 phong cách, nói không với "AI slop"

04

12 preset an toàn cùng 34 template thiết kế táo bạo, tuyển chọn để tránh thẩm mỹ AI đại trà: không gradient tím trên nền trắng, không font nhàm chán.

Neon Cyber Swiss Modern Editorial Tri-Tone Dark Botanical Neo-Grid Bold Paper & Ink Creative Mode Vellum Terminal Green Signal Bold Poster
46
Phong cách thiết kế: 12 preset và 34 bold template
05 · Tính năng

Nhiều hơn một công cụ làm slide

05
01

Chuyển đổi PowerPoint sang web

Giữ nguyên chữ, hình ảnh, thứ tự slide và cả ghi chú thuyết trình.

02

Sửa chữ ngay trên trình duyệt

Nhấn phím E, click vào chữ và gõ. Không cần mở lại code.

03

Xuất PDF và chia sẻ link online

Một lệnh xuất PDF để gửi email, hoặc deploy lên Vercel thành link xem trên mọi thiết bị.

16:9
Khung hình chuẩn trình chiếu, giữ nguyên trên cả điện thoại
06 · Ứng dụng

Dành cho đội Sales & Marketing

06
01

Pitch deck gửi khách hàng

Proposal đẹp như thuê agency, làm xong trong một buổi cà phê.

02

Báo cáo chiến dịch marketing

Số liệu nổi bật với hiệu ứng chuyển động, gửi link là sếp xem được ngay trên điện thoại.

03

Tài liệu đào tạo nội bộ

Cập nhật nội dung nhanh bằng chỉnh sửa inline, không phụ thuộc file gốc của ai.

5'
Từ ý tưởng đến bản slide đầu tiên để xem thử
07 · Bắt đầu ngay

Slide đẹp không còn là
đặc quyền của designer

Bước 1 · Cài đặt
Tải skill từ github.com/zarazhangrui/frontend-slides
Bước 2 · Chạy
Gõ /frontend-slides trong Claude Code và kể ý tưởng của bạn
Minh Đỗ · 2026 Frontend Slides
Đã lưu