Wow trước, làm được hay không tính sau 😂 Clickbait xíu thôi nhưng bữa giờ đang hot cái vụ sử dụng slide HTML, mình dùng cái này khá thường xuyên để tạo slide vì nó nhanh (trong trường hợp bạn không cần phải thêm ảnh vào slide nhiều, nếu cần thì Gg Slides với Canva vẫn tối ưu hơn). Nhưng cái quan trọng là nhiều chỉ sử dụng HTML tĩnh nhưng thực tế là AI có thể làm HTML slide có thể tương tác rất linh hoạt như video dưới đây. Cái interactive đó vẫn là HTML, nhưng chính xác hơn thì nó là một “web app nhỏ” chạy bằng HTML + CSS + JavaScript. Nhiều người nhìn mấy architecture map kiểu này hay tưởng nó là một phần mềm riêng hoặc canvas phức tạp, nhưng thực ra phần lớn đều chỉ là web. 🖱️ Cái video dưới đây thực chất là: - HTML để dựng layout - CSS để tạo style, màu sắc,... - JavaScript để xử lý tương tác - Có thể thêm SVG hoặc Canvas để vẽ line connection Nếu biểu đồ visual phức tạp hơn thì dùng React hoặc D3.js ✍️ Cách prompt là: Hãy tạo một trang HTML tương tác dạng architecture flow map trong một file duy nhất, dùng HTML/CSS/JavaScript, SVG để vẽ đường nối giữa các box, có thể dùng D3.js hoặc React Flow nếu graph phức tạp, dùng Framer Motion hoặc CSS transition để tạo motion mượt. Bố cục gồm vùng chính hiển thị các node/box và flow, panel bên phải để giải thích chi tiết. Khi click vào từng box hoặc flow, hãy highlight các node liên quan, làm mờ phần không liên quan, đổi màu đường nối đang chọn và cập nhật panel với mô tả, input, output, các bước xử lý và rủi ro. Xuất kèm JSON gồm nodes, edges, flows, steps để AI agent khác có thể đọc lại cấu trúc hệ thống. Nói chung các bạn không cần prompt giống 100% đâu, quan trọng là hiểu để tạo ra được thành phẩm như vậy cần stack gì, sau đó hỏi AI nhờ nó gợi ý => bạn check 1 phát để kiểm tra lại rồi kêu AI làm test để feedback từ từ. Follow @nghienaivn vì chắc chắn bạn sẽ cần AI 😁 https://t.co/wOX7GsW3qv ---