Mẫu sơ đồ HTML/SVG tối giản dành cho Claude Code và trợ lý AI
Một kho lưu trữ GitHub mới mang tên `cathrynlavery/diagram-design` vừa được ra mắt, cung cấp 29 mẫu sơ đồ HTML và SVG độc lập và tối giản. Các mẫu này được thiết kế đặc biệt để giúp các trợ lý AI như Claude Code tạo ra các sơ đồ chất lượng cao mà không cần phụ thuộc vào cú pháp Mermaid thông thường. Các sơ đồ do AI tạo ra bằng các công cụ như Mermaid thường trông lộn xộn hoặc định dạng kém. Bằng cách cung cấp các mẫu HTML/SVG thô và tối giản, các nhà phát triển có thể yêu cầu các trợ lý lập trình AI xuất ra các sơ đồ hiện đại, đẹp mắt trực tiếp trong quy trình làm việc của họ. Kho lưu trữ tập trung vào các loại sơ đồ mang phong cách biên tập, loại bỏ đổ bóng và các kiểu định dạng phức tạp ("Mermaid-slop"). Vì các mẫu này là HTML và SVG độc lập, chúng có thể dễ dàng hiển thị trong trình duyệt hoặc bản xem trước markdown mà không cần phụ thuộc vào thư viện bên ngoài.
## KIẾN THỨC NỀN
Claude Code là một công cụ lập trình dạng tác nhân (agentic) do Anthropic phát triển, chạy trong terminal để giúp lập trình viên viết và chỉnh sửa mã nguồn. Thông thường, các nhà phát triển và mô hình AI sử dụng Mermaid, một công cụ dựa trên JavaScript giúp tạo sơ đồ từ văn bản giống Markdown, nhưng đôi khi nó tạo ra các bố cục trực quan cứng nhắc hoặc thiếu tinh tế.