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

Bài viết dài (Blog Post)

Mẫu skill biến bài viết dài trên 600 chữ thành một trang web dạng bài báo tạp chí.

Nội dung · Viết láchNhập môn★ 8,395⑂ 830Điểm AI 6/10Cập nhật lần cuối: 18 thg 8, 2026

Làm được gì

  • Dàn trang cho bài viết dài (≥600 chữ) theo phong cách tạp chí, tập trung vào typography.
  • Quy định cấu trúc: masthead (tên ấn phẩm + ngày), hero (tiêu đề lớn, phụ đề, tên tác giả, thời gian đọc), thân bài một cột rộng 65ch, thẻ giới thiệu tác giả, 3 thẻ bài viết liên quan.
  • Chi tiết thiết kế sẵn có: pull quote serif in nghiêng cỡ lớn với thanh màu bên trái, caption ảnh in nghiêng nhỏ, khối code bo góc nền tối kèm nhãn ngôn ngữ.
  • Tỷ lệ khuyến nghị 70% chữ / 20% ảnh / 10% thành phần giao diện để giữ trải nghiệm đọc.

Phù hợp với ai

  • Người làm content, marketing cần xuất bản bài dài, case study đẹp mắt bằng HTML.
  • Lập trình viên hoặc creator solo muốn trang bài viết trông chuyên nghiệp mà không cần designer.
  • Nhóm cần format nhất quán cho trích dẫn, hình ảnh và code trong bài dài.

Ví dụ sử dụng

  1. "Dùng mẫu blog-post biến bản thảo 2000 chữ về ra mắt sản phẩm thành một trang bài báo".
  2. "Trình bày case study khách hàng theo layout này, phần bài liên quan để 3 case khác".
  3. "Sắp xếp bài hướng dẫn kỹ thuật với khối code nền tối và nhãn ngôn ngữ theo quy tắc của mẫu".

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

⚠ Đâ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. Tải mã nguồn: git clone https://github.com/nexu-io/html-anything.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills/blog-post
  4. Sao chép file mẫu: cp html-anything/next/src/lib/templates/skills/blog-post/SKILL.md ~/.claude/skills/blog-post/
  5. Khởi động lại Claude Code và yêu cầu: "dùng skill blog-post để dàn trang bài viết này".
  6. Vì tài liệu gốc viết bằng tiếng Trung, hãy nói rõ ngôn ngữ đầu ra (ví dụ tiếng Việt) để kết quả đúng ý.
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0