VividKit Crystal clear AI coding
EN
Chọn Thiết Lập Bắt Đầu với AgentKit Tiếp Tục với ClaudeKit Chuyển từ ClaudeKit sang AgentKit Gỡ hẳn ClaudeKit AgentKit Là Gì? AgentKit Hoạt Động Như Thế Nào? Kit, Skill, Agent & Hook AgentKit Hỗ Trợ Runtime AgentKit Ứng Dụng AgentKit Desktop Cấu Hình AgentKit Tra Cứu CLI ak Cheatsheet skill AgentKit Workflows AgentKit Statusline AgentKit Cập Nhật CLI ak & Kits AgentKit Helper Cài lại clean AgentKit Xử Lý Sự Cố AgentKit Giới Thiệu ClaudeKit Hướng Dẫn ClaudeKit CLI Tìm Lệnh Phù Hợp Bảng Lệnh Nhanh Quy Trình Mẫu Tham Chiếu CLI Claude Mechanics Permission Modes ClaudeKit Hooks Coexistence ClaudeKit x Codex CK → Tool coding khác Cách ClaudeKit Hoạt Động Inside ClaudeKit Tìm Unknowns Của Bạn Khôi Phục Session Sửa Lỗi Từ Log Thiết Kế UI/UX Chuyển Đổi Tài Khoản Cấu Hình IDE Remote Control Codex App Sơ đồ hệ thống UI Review Gate Khuyến Mãi Ủng Hộ VividKit

Tóm tắt nhanh / Lệnh

Bộ Marketing

/ak:mermaidjs-v11

Sơ đồ Mermaid v11

Tạo sơ đồ Mermaid v11 cho kiến trúc, API, mô hình dữ liệu, timeline, state, journey và kế hoạch dự án.

01

Chọn loại sơ đồ

02

Dựng cú pháp

03

Thêm nội dung

04

Cấu hình giao diện

Nguyên tắc 01

Chọn đúng họ sơ đồ trước khi viết cú pháp

Nguyên tắc 02

Giữ nhãn ngắn và an toàn khi render

Nguyên tắc 03

Dùng comment và frontmatter Mermaid có chủ đích

Nguyên tắc 04

Với output để xuất bản, phải kiểm tra khoảng cách và độ dễ đọc

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. 1 Chọn loại sơ đồ Ghép nhu cầu với flowchart, sequenceDiagram, classDiagram, stateDiagram, erDiagram, gantt, journey hoặc loại v11 khác.
  2. 2 Dựng cú pháp Bắt đầu bằng khai báo loại diagram và giữ nội dung đúng cú pháp của nhóm đó.
02

Xử lý

Agent / skill thực thi

  1. 3 Thêm nội dung Mã hóa actor, entity, state, task, mũi tên, nhãn, ngày tháng hoặc quan hệ bằng tên ngắn gọn.
  2. 4 Cấu hình giao diện Dùng frontmatter hoặc config Mermaid cho theme, kiểu hiển thị, font và security level khi cần.
03

Kiểm chứng

Gate, review, xác thực

  1. 5 Render hoặc xuất file Nhúng trực tiếp trong Markdown/HTML hoặc dùng mmdc để xuất SVG, PNG hay PDF.
  2. 6 Kiểm tra bố cục Kiểm tra nhãn, đường nối, va chạm và độ dễ đọc; áp dụng hướng dẫn tech-graph cho SVG cần xuất bản.
04

Đóng

Báo cáo, bàn giao, artifact

  1. 7 Sửa lỗi cú pháp Sửa các lỗi thường gặp: khai báo diagram sai, mũi tên sai, giá trị pie không hợp lệ, dữ liệu XY lỗi hoặc thiếu participant.

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ế.

Luồng kiến trúc Khuyến nghị 
/ak:mermaidjs-v11 sơ đồ luồng cho pipeline tiếp nhận webhook
Dùng khi:
Dùng khi cần flowchart Mermaid cho quy trình hoặc kiến trúc.
Kết quả:
Trả cú pháp flowchart Mermaid v11 hợp lệ cho pipeline tiếp nhận webhook, sẵn sàng render.
Sequence API 
/ak:mermaidjs-v11 sơ đồ tuần tự cho checkout và xác nhận webhook
Dùng khi:
Dùng khi cần thể hiện tương tác actor hoặc lời gọi API.
Kết quả:
Trả sequenceDiagram có participant đặt tên và message request/response cho xác nhận checkout.
Mô hình dữ liệu 
/ak:mermaidjs-v11 sơ đồ er cho users orders và payments
Dùng khi:
Dùng cho quan hệ entity và tài liệu database.
Kết quả:
Trả cú pháp ER diagram có quan hệ và field cho users, orders và payments.

Phạm vi xử lý

  • Flowchart và cây quyết định
  • Sequence và luồng API
  • Class diagram và ERD
  • Timeline Gantt
  • State machine
  • Nhúng trong Markdown và browser

Artifact tạo ra

Output sơ đồ

Mẫu đường dẫn

Block Mermaid hoặc file SVG/PNG/PDF đã xuất

Sơ đồ Mermaid v11 render được, đúng loại diagram, cú pháp hợp lệ và bố cục dễ đọc.

Skill liên quan

Tiếp theo