Review ảnh render
Nếu đọc được ảnh, hãy xem PNG đã xuất vì SVG hợp lệ vẫn có thể bị mũi tên cắt nhau, hộp chồng nhau hoặc nhãn bị che.
Ctrl K
Tóm tắt nhanh / Lệnh
Bộ Marketing
/ak:tech-graph
Sơ đồ SVG/PNG chất lượng xuất bản
Tạo sơ đồ kỹ thuật SVG + PNG đạt chuẩn xuất bản cho kiến trúc, luồng dữ liệu, sequence, memory, UML, topology và concept map.
01
Phân loại
02
Trích xuất
03
Dàn bố cục
04
Chọn phong cách
Nguyên tắc 01
Sơ đồ đạt chuẩn xuất bản cần SVG hợp lệ và hình render sạch về hình học.
Nguyên tắc 02
Loại sơ đồ quyết định bố cục; không dùng một mẫu box-and-arrow chung cho mọi việc.
Nguyên tắc 03
Ý nghĩa mũi tên, nền nhãn và legend là phần bắt buộc của kết quả, không phải trang trí thêm.
Nguyên tắc 04
Ưu tiên script/template cho sơ đồ phức tạp; chỉ viết SVG trực tiếp khi cần kiểm soát chi tiết.
Bản đồ thực thi
Các nhánh chính từ đầu vào đến kết quả, bám theo cách command chạy khi dùng thật.
01
Khởi động
Đầu vào, phạm vi, route
- 1 Phân loại Chọn nhóm sơ đồ: architecture, data flow, flowchart, sequence, agent/memory, UML, ER, topology, timeline, matrix hoặc concept map.
- 2 Trích xuất Xác định layer, node, cạnh nối, luồng, nhóm ý nghĩa, loại dữ liệu và nhãn cần có từ mô tả hệ thống của người dùng.
02
Xử lý
Agent / skill thực thi
- 3 Dàn bố cục Áp dụng luật bố cục đúng loại: lifeline cho sequence, layer ngang cho architecture, nhánh tỏa tròn cho mind map, hàng/cột cho matrix.
- 4 Chọn phong cách Mặc định nạp style 1 hoặc style reference theo số người dùng yêu cầu; dùng đúng màu, mẫu SVG, font và hệ shape vocabulary.
03
Kiểm chứng
Gate, review, xác thực
- 5 Đi dây Gán ý nghĩa cho mũi tên, nối từ mép component, thêm legend khi có từ 2 loại mũi tên, và tránh giao cắt bằng jump-over arc.
- 6 Tạo SVG Dùng script hỗ trợ cho sơ đồ phức tạp hoặc phương pháp Python-list bắt buộc khi viết SVG trực tiếp để tránh mất ký tự và lỗi cú pháp.
04
Đóng
Báo cáo, bàn giao, artifact
- 7 Xác thực Chạy rsvg-convert để kiểm cú pháp, kiểm chữ có vừa khung, nền nhãn, marker reference, cân bằng tag và va chạm đường nối.
- 8 Xuất file Xuất PNG 1920px kèm SVG, nếu có thể thì xem ảnh đã render, sửa các va chạm thị giác rồi báo cả hai đường dẫn.
Flag xuất bản / artifact
Chỉ các flag đổi artifact hoặc publish. Không phải toàn bộ option của skill.
--output /path/ Đích artifact tùy chỉnh
Ghi SVG và PNG đã tạo vào path tùy chỉnh đã duyệt thay vì thư mục hiện tại.
Ví dụ
/ak:tech-graph Draw a data-flow diagram --output ./docs/diagrams/ Tính năng đặc biệt
Ma trận style
Nạp ma trận style-theo-loại-sơ-đồ khi style người dùng chọn có thể không hợp với loại sơ đồ.
Fallback bằng template
Với bố cục phức tạp, dùng template generator kèm node id để đường nối bám mép hộp thay vì nối tâm-với-tâm.
Prompt mẫu
Ví dụ gọi command theo từng flag, subcommand, mode hoặc route dùng được trong workflow thực tế.
Sơ đồ kiến trúc Khuyến nghị
/ak:tech-graph sơ đồ kiến trúc cho pipeline RAG- Dùng khi:
- Dùng khi cần ảnh kiến trúc hệ thống sẵn sàng đưa vào tài liệu.
- Kết quả:
- File SVG và PNG có component theo layer, mũi tên đi dây rõ, nhãn và legend.
Sơ đồ sequence
/ak:tech-graph sơ đồ tuần tự của luồng thanh toán checkout- Dùng khi:
- Dùng cho tương tác theo trình tự thời gian giữa các bên.
- Kết quả:
- Có lifeline, mũi tên message, activation box và chiều cao phù hợp.
Bản đồ khái niệm
/ak:tech-graph bản đồ khái niệm cho các loại bộ nhớ agent- Dùng khi:
- Dùng khi quan hệ là ý niệm thay vì quy trình.
- Kết quả:
- SVG dạng radial hoặc phân nhánh, nhãn dễ đọc và đường nối cong gọn.
Phạm vi xử lý
- Sơ đồ kiến trúc và triển khai
- Luồng agent và memory
- UML class/use-case/state/ER
- Sequence diagram và process flow
- Xác thực SVG và xuất PNG
Artifact tạo ra
Asset sơ đồ
Mẫu đường dẫn
derived-name.svg + derived-name.png Phản hồi cuối báo đường dẫn SVG và PNG sau khi đã xác thực và xuất file.