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

Bố cục bài viết kiểu tạp chí

Template biến bản thảo của bạn thành trang HTML bài dài sang trọng theo phong cách Substack / Medium.

Nội dung · Viết láchNhập môn★ 8,191⑂ 803Điểm AI 5/10Cập nhật lần cuối: 28 thg 7, 2026

Làm được gì

Đây là bộ quy tắc thiết kế giúp Claude xuất ra một trang HTML bài dài kiểu tạp chí:

  • Hero đầu trang: tiêu đề lớn (text-5xl/6xl), phụ đề, tác giả / thời gian đọc / ngày
  • Thân bài một cột, rộng tối đa ~700px, canh giữa, text-lg leading-relaxed
  • H2/H3 dùng font serif để tương phản với thân bài
  • Trích dẫn có viền accent dày bên trái + chữ nghiêng
  • Khối code bo góc, nền tối, có nhãn ngôn ngữ
  • Dấu phân đoạn dạng hoa văn giữa trang, cuối bài có thẻ kêu gọi chia sẻ

Phù hợp với ai

  • Người viết blog, newsletter, essay kỹ thuật thường xuyên
  • Ai muốn chuyển bản nháp Markdown thành trang web đẹp ngay
  • Ai cần một chuẩn typography nhất quán mà không phải chỉnh CSS mỗi lần

Ví dụ sử dụng

  1. "Chuyển bài Markdown này thành HTML theo style article-magazine" → nhận một file HTML hoàn chỉnh có hero header.
  2. Dựng bài blog kỹ thuật nội bộ có hỗ trợ dark mode rồi nhúng vào wiki công ty.
  3. Xuất bản nháp newsletter thành bố cục tạp chí để chụp màn hình hoặc in PDF gửi độc giả.

· · · 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 next/src/lib/templates/skills/article-magazine từ repo GitHub nexu-io/html-anything vào ~/.claude/skills/article-magazine/ 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/nexu-io/html-anything.git && mkdir -p ~/.claude/skills/article-magazine && cp html-anything/next/src/lib/templates/skills/article-magazine/SKILL.md ~/.claude/skills/article-magazine/

⚠ Đâ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.
  2. Chạy git clone https://github.com/nexu-io/html-anything.git.
  3. Tạo thư mục: mkdir -p ~/.claude/skills/article-magazine.
  4. Sao chép file: cp html-anything/next/src/lib/templates/skills/article-magazine/SKILL.md ~/.claude/skills/article-magazine/.
  5. Khởi động lại Claude Code và thử: "Trình bày bài viết này theo phong cách tạp chí".
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0