Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Trả lời bằng HTML (Answer me with HTML)

Biến câu trả lời phức tạp thành một trang HTML trực quan, tự động dựng bởi CLI đi kèm.

Tiện íchTrung cấp★ 2,038⑂ 138Điểm AI 10/10Cập nhật lần cuối: 7 thg 10, 2026

Giúp được gì

  • Mô hình chỉ viết bản nháp Markdown ngắn; CLI am đi kèm lo toàn bộ bố cục, màu sắc, chế độ tối và toạ độ sơ đồ để tạo ra một trang HTML duy nhất.
  • Có bảng chọn thành phần theo "hình dạng" thông tin: flow (luồng/kiến trúc), sequence (trao đổi giữa các bên), tree (cây thư mục), timeline (lịch sử), limits (giới hạn số liệu), callout (kết luận), ask (câu hỏi quyết định).
  • Trích mã nguồn thật bằng src= và lines=, hoặc chèn khối diff, nên mô hình không bịa code.
  • Kiểm tra văn phong STE: cảnh báo câu quá dài, thể bị động, từ sáo rỗng.
  • Sửa một panel riêng lẻ bằng am patch thay vì dựng lại cả trang.

Dành cho ai

  • Lập trình viên hay phải giải thích kiến trúc, đường đi request, máy trạng thái.
  • Trưởng nhóm / PM cần chia sẻ kết quả so sánh phương án, phân tích nguyên nhân.
  • Bất kỳ ai thích một trang tóm tắt trực quan hơn là khối văn bản dài.

Ví dụ sử dụng

  1. "Giải thích luồng xác thực OAuth2 trong dự án này" → trang có sơ đồ sequence kèm ghi chú từng bước.
  2. "Nên chọn Redis hay Memcached cho cache của chúng ta?" → bảng so sánh nhiều chiều + hộp kết luận + câu hỏi quyết định.
  3. "Tóm tắt PR này thay đổi cấu trúc thư mục ra sao" → tree với dấu +/-/~ và nút chuyển Before/After.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/QingYunA/answer-me-with-html/HEAD/skills/answer-me-with-html/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục skills/answer-me-with-html từ repo GitHub QingYunA/answer-me-with-html vào ~/.claude/skills/answer-me-with-html/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/QingYunA/answer-me-with-html.git /tmp/answer-me-with-html && mkdir -p ~/.claude/skills && cp -r /tmp/answer-me-with-html/skills/answer-me-with-html ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Kiểm tra đã có Node.js 20 trở lên: chạy node -v.
  2. Tải mã nguồn: git clone https://github.com/QingYunA/answer-me-with-html.git
  3. Chép thư mục kỹ năng vào Claude: mkdir -p ~/.claude/skills && cp -r answer-me-with-html/skills/answer-me-with-html ~/.claude/skills/
  4. Khởi động lại Claude Code và kiểm tra answer-me-with-html xuất hiện trong danh sách kỹ năng.
  5. Thử hỏi: "Vẽ giúp mình kiến trúc hệ thống này", rồi mở liên kết file:///...html ở cuối câu trả lời.
  6. (Tuỳ chọn) Thêm quy tắc always-on vào CLAUDE.md nếu muốn mọi kết luận đều kèm trang; dùng tham số config để đổi cài đặt và clean để dọn trang cũ.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT