AISkill
← Danh mục

32 / 82·Tài liệu & văn bản · Hình ảnh & thương hiệu

Visual Explainer — hết cảnh vẽ sơ đồ bằng dấu gạch trong cửa sổ đen

Chạy được ngaynicobailon9,6 nghìn sao
Ảnh minh hoạ cho Visual Explainer — hết cảnh vẽ sơ đồ bằng dấu gạch trong cửa sổ đen

Ảnh từ kho nicobailon/visual-explainer (MIT) · xem tệp gốc ↗

Làm được gì cho bạn

Biến phần giải thích dài dòng của trợ lý thành một trang HTML có kiểu chữ tử tế, sơ đồ phóng to thu nhỏ được, mở luôn trên trình duyệt.

Nhờ người ta chỉ đường mà họ lấy que vạch xuống đất thì cũng hiểu, nhưng đi được vài khúc là quên. Trợ lý cũng vậy: hỏi nó vẽ sơ đồ thì nó vẽ bằng dấu gạch với dấu sổ, quá 3 ô là rối không đọc nổi, còn bảng so sánh 15 dòng thì xuống dòng loạn xạ. Kỹ năng này thay chỗ đó bằng một trang HTML tự chứa: chữ ra chữ, sơ đồ bấm vô phóng to kéo qua kéo lại được, có nền sáng nền tối. Xài bình thường thì khỏi cài gì, chỉ cần cái trình duyệt sẵn có.

Cần biết trước

Phần xuất ra tệp PowerPoint chỉ là tiện ích phụ và tác giả ghi rõ là làm tới đâu hay tới đó, bản HTML mới là bản chính. Muốn xài phần MCP hoặc phần xuất PowerPoint thì phải cài thêm vài gói Node.

Cần gì trước khi bắt đầu

  • Một trợ lý có hỗ trợ kỹ năng (Claude Code, Codex, Cursor, OpenCode…)
  • Một trình duyệt để mở trang kết quả

Kỹ năng này chạm vào những gì

  • Ghi tệp mới vào máy bạn
  • Đọc tệp trên máy bạn

Nói thử 3 câu này

1

Vẽ giùm tôi sơ đồ luồng duyệt chi phí trong công ty, xuất ra trang HTML mở bằng trình duyệt.

2

Đối chiếu 15 yêu cầu trong bản đề bài này với những gì kế hoạch đang có, trình bày thành bảng dễ đọc chớ đừng đổ ra cửa sổ dòng lệnh.

3

Tóm tắt dự án tuần này thành một trang có sơ đồ và mốc thời gian, để tôi gửi cho sếp coi.

Hợp với ai

  • Người phải giải thích quy trình cho đồng nghiệp
  • Người soạn tài liệu hướng dẫn nội bộ
  • Người hay đọc bản so sánh dài

Cùng loại