coolbat/anidiagram

🎯 Biến kiến trúc phần mềm thành sơ đồ sống động, tự giải thích

AniDiagram chuyển mô tả kiến trúc thành sơ đồ động, tính năng, được xác minh và xuất khẩu — biểu tượng hoạt động, dữ liệu chảy thực sự, kèm chế độ giải thích từng bước.

AniDiagram là một công cụ tạo sơ đồ kiến trúc động dựa trên nguồn mô tả ngữ nghĩa. Thay vì vẽ tĩnh, AniDiagram cho phép biểu tượng tự thực hiện vai trò, dữ liệu chảy theo từng mối quan hệ, và hỗ trợ chế độ giải thích từng bước để người xem dễ dàng theo dõi toàn bộ luồng hệ thống. Một nguồn đầu vào duy nhất có thể render ra SVG, HTML tương tác, hình ảnh, video và báo cáo chất lượng có thể máy đọc được.

✨ Điểm nổi bật

• Agent Skill: Công cụ đọc mã nguồn và tự động sinh sơ đồ dựa trên bằng chứng thực
• Brief → diagram: Câu quan hệ tiếng Anh/Trung được biến thành sơ đồ có thể kiểm chứng
• Chế độ giải thích: Điều hướng từng bước với zoom, narration và điều khiển bàn phím
• Chuyển động sống động: Biểu tượng thực hiện vai trò, dữ liệu/di sự cố di chuyển theo mối quan hệ
• Phát phát sự kiện: Sự kiện lan truyền xuống các thành phần liên quan
• Hệ thống hình ảnh: Hơn 50 biểu tượng minh họa, 16 bố cục, 12 phong cách
• Trình xem tương tác: Zoom, pan, hover nhấn mạnh, hỗ trợ Expressive/Readable/Off
• Kiểm tra nguồn: Tìm kiếm, đường đi ngắn nhất, chương trình, chia sẻ thẻ, Git-pin nguồn
• Cổng kiểm tra chất lượng: Kiểm tra chèn lấn, lỗi đường đi, va chạm nhãn, phủ brief
• Giao hàng nguyên tử: Thay thế toàn bộ artifact với mã băm SHA-256
• Công cụ so sánh: Diff Plan, ảnh chụp màn hình, kiểm tra nguồn thực
• Xuất khẩu đa định dạng: SVG, HTML, PNG, PDF, GIF, WebP, MP4, Lottie
• Đa ngôn ngữ: Hỗ trợ tiếng Anh/Trung, phông chữ CJK

💡 Vì sao đáng chú ý

AniDiagram khác biệt ở chỗ không chỉ là công cụ vẽ sơ đồ tĩnh — mà là một nền tảng sinh sơ đồ sống động với logic kiến trúc rõ ràng. Nó áp dụng một quy trình rõ ràng: DiagramPlan → DiagramScript → SVG/HTML/báo cáo chất lượng, giúp người dùng từ mô tả ngữ nghĩa tới sơ đồ trực quan một cách có hệ thống. Đặc biệt, chế độ giải thích từng bước giúp người dùng dễ dàng trình bày và giảng giải kiến trúc hệ thống trong các buổi họp, bài thuyết trình hoặc tài liệu kỹ thuật.

#animated-diagrams #architecture-diagrams #gsap #python #svg #developer-tools #TiniX