Aryanutkarsh/SeeCode

Public

Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

Bee AI phân tích repositoryBETA

AI đọc README và cây file để tóm tắt, gợi ý cách dùng và đánh giá repository. Mọi con số lấy từ kho Bee, không do AI ước lượng.

Cập nhật lần cuối: 20/10/2026

Đăng nhập để hỏi Bee AI

Tóm tắt bởi Bee AI

Công cụ tạo sơ đồ động và có thể tương tác dành cho Claude và các AI coding agent, chuyển đổi đặc tả JSON ngắn gọn thành file HTML độc lập hoặc xuất ra SVG, PNG, GIF, MP4.

Hỗ trợ 45 loại sơ đồ và 15 biến thể khác nhau bao gồm kiến trúc hệ thống, sequence, ERD, isometric 3D và biểu đồ số liệu.
Mỗi sơ đồ là một file HTML độc lập có thể hover trace kết nối, phóng to chi tiết node, và đi từng bước qua route luồng gọi.
Mô hình AI chỉ tạo đặc tả JSON ngắn (khoảng 1.4k token) thay vì tự vẽ SVG, giúp tiết kiệm token và đảm bảo thẩm mỹ biên tập.
Nhập dữ liệu từ Mermaid, PlantUML, draw.io, Prisma, OpenAPI hoặc tự động học bảng màu thương hiệu từ website và CSS.

Lưu ý

Yêu cầu môi trường Node.js phiên bản 20 trở lên để chạy các công cụ CLI.
Không có browser tích hợp trong sandbox Claude.ai/Claude Desktop nên phải xuất file ảnh/video qua menu in-page Export.
Trình duyệt tự tải phông chữ từ Google Fonts và bộ mã hóa GIF/MP4 từ jsDelivr khi xuất file.

Điểm BeeTính thuần từ số liệu trong kho Bee, không phải AI chấm: bách phân vị sao 30% · độ tươi lần push 25% · fork và watcher 15% · README, giấy phép, mô tả 20% · có bản phát hành 10%.

64/100Điểm tổng thể

Độ phổ biến20
Độ tươi100
Cộng đồng19
Tài liệu100
Phát hành100

Mức độ khóTrung bình
Phù hợp vớiLập trình viên · DevOps
Loại dự ánCông cụ
Giấy phépMIT

Kiến trúc & Công nghệ

Công nghệ AI nhận ra từ README và cây file — chỉ những mục nằm trong danh sách Bee kiểm.

Tech stack

JavaScript
Node.js
HTML5
CSS3
Prisma
OpenAPI

Kiến trúc tổng quan

Repository → công nghệ chính → các thư mục cấp 1 có thật trong repo; vai trò do AI mô tả.

RepositorySeeCodeCông cụ

Công nghệ chính

JavaScript

commands/Chứa định nghĩa các lệnh CLI và tích hợp bổ trợ của SeeCode.
docs/Tài liệu hướng dẫn sử dụng, thông số kỹ thuật và các tài liệu tham khảo.
examples/Bộ sưu tập các file đặc tả mẫu (specs) cho từng loại sơ đồ.
skills/Mã nguồn triển khai kỹ năng (skills) tích hợp cho các AI coding agent.
test/Các kịch bản kiểm thử tự động của dự án.
tools/Các tiện ích bổ trợ hỗ trợ dựng hình, trích xuất và chuyển đổi dữ liệu.

commands/Chứa định nghĩa các lệnh CLI và tích hợp bổ trợ của SeeCode.
docs/Tài liệu hướng dẫn sử dụng, thông số kỹ thuật và các tài liệu tham khảo.
examples/Bộ sưu tập các file đặc tả mẫu (specs) cho từng loại sơ đồ.
skills/Mã nguồn triển khai kỹ năng (skills) tích hợp cho các AI coding agent.
test/Các kịch bản kiểm thử tự động của dự án.
tools/Các tiện ích bổ trợ hỗ trợ dựng hình, trích xuất và chuyển đổi dữ liệu.

Hướng dẫn nhanh

Các bước để bắt đầu với repository này.

bash

git clone https://github.com/Aryanutkarsh/SeeCode.git
cd SeeCode

Các use case chính

Những ứng dụng có thể xây dựng từ repository này.

Tạo sơ đồ kiến trúc hệ thống và luồng tương tác giữa các service qua câu lệnh tự nhiên trong coding agent.
Chuyển đổi sơ đồ cũ từ định dạng Mermaid, draw.io hoặc schema Prisma sang sơ đồ tương tác động SeeCode.
Vẽ hình ảnh minh họa isometric 3D bóc tách chi tiết phần cứng hoặc mặt bằng kiến trúc từ mô tả văn bản.
Xuất sơ đồ ra file vector SVG, ảnh tĩnh PNG hoặc video động MP4/GIF phục vụ bài thuyết trình và tài liệu.

Repository tương tự

Cùng chủ đề trong kho Bee.

Nội dung do AI sinh, có thể sai hoặc thiếu — số liệu lấy từ kho Bee, không do AI ước lượng. Cập nhật lần cuối: 20/10/2026.