Claude Skill MartKhám phá skillSkill là gì?
 
← Về danh sách

Bộ chuyển Markdown sang HTML (theme WeChat)

Chuyển file Markdown thành HTML có CSS nội tuyến đẹp mắt, dán thẳng vào WeChat hay bất kỳ trình soạn thảo nào.

Nội dung · Viết láchTrung cấp★ 24,749⑂ 2,764Điểm AI 8/10Cập nhật lần cuối: 4 thg 7, 2026

Skill này làm gì

Chuyển đổi file Markdown thành HTML hoàn chỉnh với CSS nội tuyến (inline CSS), nên định dạng không bị vỡ trên các trình soạn thảo không cho phép nạp stylesheet ngoài như WeChat Official Account.

  • 4 theme (default, grace, simple, modern), 13 màu chủ đạo dựng sẵn, tùy chọn font và cỡ chữ
  • Tô màu cú pháp code, công thức toán, chú thích cuối trang, khối cảnh báo kiểu GitHub (> [!NOTE]), ruby text
  • Sơ đồ Mermaid được render thành PNG bằng Chrome headless và lưu cache (tự động fallback nếu không có Chrome)
  • Hỗ trợ sơ đồ PlantUML
  • Tùy chọn --cite: biến link ngoài thành số mũ và gom thành mục tham chiếu ở cuối bài
  • Trả kết quả dạng JSON (đường dẫn HTML, tiêu đề, danh sách ảnh) để nối tiếp tự động hóa
  • Cấu hình mặc định qua EXTEND.md ở cấp dự án hoặc cấp người dùng

Phù hợp với ai

  • Người đăng bài trên các nền tảng dán HTML trực tiếp: WeChat, newsletter, CMS nội bộ
  • Tech blogger cần phong cách trình bày nhất quán cho mọi bài viết
  • Lập trình viên hay dùng sơ đồ Mermaid/PlantUML trong tài liệu

Ví dụ sử dụng

  1. Chuyển đổi cơ bản: "đổi article.md sang HTML theme grace" → tạo article.html, file cũ được backup kèm dấu thời gian.
  2. Theo màu thương hiệu: dùng --theme modern --color red để có bài viết tông đỏ, tiêu đề H1 đầu tiên tự động bị bỏ để không trùng với tiêu đề trên trình soạn thảo.
  3. Gom link tham khảo: bài nghiên cứu nhiều link ngoài → thêm --cite để có số mũ trong bài và danh sách nguồn ở cuối.

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

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/baoyu-markdown-to-html từ repo GitHub JimLiu/baoyu-skills vào ~/.claude/skills/baoyu-markdown-to-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/JimLiu/baoyu-skills.git /tmp/baoyu-skills && mkdir -p ~/.claude/skills && cp -r /tmp/baoyu-skills/skills/baoyu-markdown-to-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. Mở terminal và clone repo: git clone https://github.com/JimLiu/baoyu-skills.git
  2. Chép thư mục skill vào Claude: mkdir -p ~/.claude/skills && cp -r baoyu-skills/skills/baoyu-markdown-to-html ~/.claude/skills/
  3. Chuẩn bị runtime: kiểm tra bun --version; nếu chưa có, cài bằng curl -fsSL https://bun.sh/install | bash hoặc dùng npx -y bun nếu đã có Node.js.
  4. (Tùy chọn) Cài Chrome/Chromium/Edge nếu muốn render sơ đồ Mermaid ra ảnh PNG; nếu không, skill vẫn chạy và xuất khối code dự phòng.
  5. Khởi động lại Claude Code rồi yêu cầu: "chuyển file markdown này sang HTML".
  6. (Tùy chọn) Tạo ~/.baoyu-skills/baoyu-markdown-to-html/EXTEND.md với dòng default_theme: modern để khỏi phải chọn theme mỗi lần.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT