Skill: book-layout

Tài liệu HTML trông như một cuốn sách in (layout theo mẫu Dribbble «Book interior layout», owner chọn 30/10). Agent chỉ viết markdown có vài dấu khối; scripts/book.py đổ vào khuôn assets/book.css. Một sổ tay 8 trang: markdown 2,6 KB thay cho HTML 21 KB viết tay (ít hơn khoảng 8 lần token đầu ra).

WHAT

Purpose và context

• Purpose: ra MỘT tệp HTML tự chứa (chỉ tải Google Fonts) dạng sách: trải hai trang trên màn rộng, một cột trên điện thoại.
• Trigger (when to use):
  • Báo cáo, sổ tay, hướng dẫn, proposal cần đọc như tạp chí, gửi người xem trên điện thoại.
  • User nói "viết doc kiểu tạp chí", "tài liệu dạng sách", "book layout", "/book-layout".
• Non-goals: KHÔNG thiết kế lại khuôn mỗi lần (muốn kiểu khác → hallmark); KHÔNG dark mode (luật owner: tài liệu nền sáng); KHÔNG trang tài liệu nhiều tệp có điều hướng (→ docs-site-macos).

Mental model

markdown (front matter + «=== kiểu» mỗi trang) → book.py parse từng dòng theo dấu đầu dòng → HTML từng trang → ghép hai trang một trải → nhúng book.css → một tệp .html → check.mjs đo 1280 + 390