
Ảnh từ kho cathrynlavery/diagram-design (MIT) · xem tệp gốc ↗
Nói bằng lời muốn vẽ sơ đồ gì, nhận lại một tệp HTML nhấp đôi là coi được, có 45 kiểu sơ đồ để chọn.
Sơ đồ vẽ bằng mấy công cụ quen thuộc nhìn cái là biết máy vẽ, y như bộ đồng phục ai mặc cũng giống nhau. Cái này làm khác: nó hỏi trang web của bạn một lần, lấy đúng bảng màu với bộ phông rồi từ đó sơ đồ nào vẽ ra cũng mang màu nhà mình. Bạn nói muốn gì bằng lời thường, nó tự chọn kiểu sơ đồ cho hợp, nói trước nó định vẽ ra sao, rồi xuất đúng một tệp HTML gọn gàng. Không bóng đổ, không mấy đường cong ngoằn ngoèo của Mermaid.
Bản chính thức chỉ ra từ kho này, tác giả nói rõ mấy chỗ đăng dưới tên khác đều là bản chép không chính thức. Trong kho có tệp PRIVACY.md kể rõ kỹ năng gởi những gì ra mạng, nên coi qua trước khi cho nó đọc trang web nội bộ.
Cần gì trước khi bắt đầu
- Một trợ lý đọc được Agent Skills (Claude Code, Codex, Cursor…)
- Node.js để chạy lệnh cài một dòng
Kỹ năng này chạm vào những gì
- Ghi tệp mới vào máy bạn
- Truy cập mạng
Nói thử 3 câu này
Vẽ cho tôi sơ đồ quy trình tuyển dụng của công ty: đăng tin, sàng hồ sơ, phỏng vấn vòng một, phỏng vấn vòng hai, mời nhận việc.
Tôi cần một sơ đồ bốn ô chia các việc trong quý theo trục tác động và công sức bỏ ra.
Lấy màu và phông của trang web công ty tôi rồi vẽ lại sơ đồ vừa rồi cho khớp.
Hợp với ai
- Người soạn tài liệu đào tạo
- Người làm slide cho công ty
- Quản lý phải giải thích quy trình cho đội