zarazhangrui/frontend-slides

🎨 Frontend Slides: Tạo slide web đẹp chỉ bằng lệnh, không cần thiết kế

Biến ý tưởng thành slide HTML đẹp mà không cần biết CSS hay JavaScript — chỉ cần mô tả, agent sẽ gợi ý style trực quan để bạn chọn.

Frontend Slides là một kỹ năng (skill) dành cho coding agent, đặc biệt là Claude Code, giúp tạo ra các bài trình bày HTML đẹp mắt hoàn toàn từ mã nguồn — từ con số không, hoặc bằng cách chuyển đổi trực tiếp từ file PowerPoint (.pptx). Dự án của zarazhangrui tập trung vào trải nghiệm "show, don't tell": thay vì phải diễn tả sở thích thẩm mỹ bằng lời, bạn sẽ nhận được các bản preview trực quan để lựa chọn.

✨ Điểm nổi bật

• Zero Dependencies: Mỗi slide là một file HTML độc lập với CSS/JS nội tuyến, không cần npm, build tool hay framework nào.
• Visual Style Discovery: Không thể mô tả rõ sở thích thiết kế? Hệ thống sẽ sinh ra 3 bản preview khác nhau để bạn chọn.
• PPT Conversion: Hỗ trợ chuyển đổi file PowerPoint sang HTML, giữ nguyên toàn bộ hình ảnh, văn bản và ghi chú.
• Anti-AI-Slop: Các style được tuyển chọn kỹ lưỡng để tránh các aesthetic đẹp chung chung như gradient tím trên nền trắng.
• Bold Template Pack: Bộ template thiết kế đẹp mắt từ thư viện beautiful-html-templates, tải tiếp theo và luôn có fallback an toàn làm mặc định.
• Production Quality: Slide được thiết kế theo chuẩn 16:9, hỗ trợ tiếp cận (accessibility), và có chú thích rõ ràng để dễ tùy biến.

💡 Vì sao đáng chú ý

Frontend Slides khác biệt ở chỗ nó không chỉ là công cụ sinh HTML, mà là một workflow thiết kế thông minh. Thay vì ép người dùng phải biết CSS hay chọn màu sắc, nó đưa ra các lựa chọn trực quan để người dùng quyết định hướng đi. Đặc biệt phù hợp với những người không chuyên thiết kế nhưng cần tạo slide chuyên nghiệp cho startup, bài thuyết trình, hoặc nội dung giáo dục. Hỗ trợ cả chuyển đổi từ PowerPoint giúp tiết kiệm thời gian biên tập lại nội dung.

#AISlides #ClaudeCode #FrontendSlides #PowerPointToHTML #TiniX