AISkill
← Danh mục

02 / 100·Tài liệu & văn bản · Slide & thuyết trình

Diagram Design — sơ đồ ra một tệp HTML, màu phông lấy theo thương hiệu của bạn

MớiChạy được ngayCathryn Lavery65 nghìn sao
Ảnh minh hoạ cho Diagram Design — sơ đồ ra một tệp HTML, màu phông lấy theo thương hiệu của bạn

Ảnh từ kho cathrynlavery/diagram-design (MIT) · xem tệp gốc ↗

Làm được gì cho bạn

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.

Cần biết trước

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

1

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.

2

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.

3

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

Cùng loại