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:slides

Presentation HTML chiến lược

Trình tạo presentation HTML chiến lược với Chart.js, design token, layout responsive, công thức copywriting, pattern bố cục và chiến lược slide theo ngữ cảnh.

01

Đọc brief

02

Định hướng

03

Định tuyến create

04

Lập narrative

Nguyên tắc 01

Slide là artifact truyền thông chiến lược, không phải template trang trí.

Nguyên tắc 02

Audience, mục đích và hướng thẩm mỹ phải rõ trước khi sản xuất.

Nguyên tắc 03

Dùng layout pattern và công thức copywriting để mỗi slide mang một ý rõ ràng.

Nguyên tắc 04

Quality preflight giúp tránh filler visual chung chung và asset nhìn giả.

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 Đọc brief Đọc topic, số slide, audience, mục đích deck, loại nội dung, nhu cầu data và ràng buộc.
  2. 2 Định hướng Nêu mục đích deck, audience và hướng thẩm mỹ; nếu mơ hồ thì hỏi đúng một câu.
02

Xử lý

Agent / skill thực thi

  1. 3 Định tuyến create Nạp references/create.md và knowledge base hỗ trợ về layout, template, copywriting và slide strategy.
  2. 4 Lập narrative Chọn cấu trúc slide và công thức copywriting phù hợp audience và đường thuyết phục mong muốn.
03

Kiểm chứng

Gate, review, xác thực

  1. 5 Thiết kế layout Áp dụng design token, layout responsive, phân cấp thị giác và pattern slide đa dạng.
  2. 6 Thêm data viz Dùng Chart.js khi slide cần chart, metric, so sánh hoặc trend dựa trên dữ liệu.
04

Đóng

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

  1. 7 Preflight chất lượng Kiểm tra gradient chung chung, grid card template, screenshot giả, trang trí dư, nội dung yếu và palette một màu.
  2. 8 Bàn giao deck Trả presentation HTML chiến lược sẵn sàng mở browser để review và iterate.

Mode / route nên dùng

create

Tạo slide presentation chiến lược từ topic và số slide; create phải là subcommand đầu tiên.

Nghiên cứu:
Brief
Review:
Generic deck
Xác thực:
Preflight

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

Tạo deck Khuyến nghị 
/ak:slides create câu chuyện ra mắt sản phẩm 12
Dùng khi:
Khi cần deck HTML chiến lược cho câu chuyện launch.
Kết quả:
Định hướng deck, narrative, slide HTML responsive và design preflight.
Topic + số slide 
/ak:slides create Cập nhật chiến lược giá 8
Dùng khi:
Khi có topic và độ dài deck mong muốn.
Kết quả:
Kế hoạch slide chiến lược và presentation HTML.
Deck có data 
/ak:slides create Hiệu suất marketing Q3 10
Dùng khi:
Khi cần chart, metric, so sánh hoặc trend trong presentation.
Kết quả:
Slide HTML dựa trên dữ liệu, dùng Chart.js khi hữu ích.

Phạm vi xử lý

  • Deck HTML
  • Data visualization bằng Chart.js
  • Layout responsive
  • Design token
  • Công thức copywriting
  • Narrative pitch
  • Preflight design

Tiếp theo