Bảng Lệnh Nhanh - VividKit - Visual Interface cho ClaudeKit

Đặt mức độ kinh nghiệm lập trình (0-5)

Tùy chỉnh giải thích từ người mới bắt đầu đến chuyên gia.

2 /ck:ask

Trả lời câu hỏi kỹ thuật và kiến trúc

Tư vấn chuyên gia cho quyết định công nghệ.

[question]

3 /ck:brainstorm

Brainstorm với problem-first inversion + scout-first gate

Bắt buộc scout codebase trước mọi câu hỏi; đảo ngược giải pháp đã chọn sẵn để gọi tên vấn đề gốc trước. Phân tích đánh đổi thẳng thắn. --html xuất báo cáo editorial-magazine cạnh file markdown; --wiki publish output lên AgentWiki.

--html --wiki

4 /ck:plan

Tạo plan chi tiết với output HTML, GitHub và AgentWiki

Các mode --hard / --deep / --parallel / --two tự chạy red-team; --deep còn tự chạy validate. --html xuất plan.html tương tác self-contained; --github tạo hoặc cập nhật GitHub issue kèm branch, tóm tắt và acceptance criteria; --wiki publish plan lên AgentWiki. Subcommand: archive, red-team, validate.

archive red-team validate

--auto --fast --hard --parallel --two --no-tasks --deep --tdd --html --github --wiki

5 /ck:cook

Triển khai tính năng tất cả trong một với hard gate

Scout-first → exact-requirements → plan → implement → test → no-side-effects verify → review. Gate chặn hoàn tất không an toàn. Có override --no-test.

--interactive --fast --parallel --auto --no-test --tdd

Lập Kế Hoạch & Nghiên Cứu

Brainstorm, lập kế hoạch và khám phá codebase

/ck:brainstorm

Brainstorm với problem-first inversion + scout-first gate

--html --wiki

/ck:research

Nghiên cứu kỹ thuật và đánh giá công nghệ

Best practices, thiết kế giải pháp.

[topic]

/ck:scout

Quét nhanh codebase

Các agent song song để khám phá file. Dùng flag ext để lọc theo loại file.

[search-target] [ext]

/ck:plan

/ck:sequential-thinking

Tạo plan chi tiết với output HTML, GitHub và AgentWiki

archive red-team validate

--auto --fast --hard --parallel --two --no-tasks --deep --tdd --html --github --wiki

Suy luận từng bước với khả năng tự điều chỉnh

Phân tích đa bước, kiểm chứng giả thuyết, lập kế hoạch thích ứng.

/ck:problem-solving

Gỡ bế tắc khi giải quyết vấn đề phức tạp

Phá vỡ vòng lặp phức tạp, thử nghiệm giả định, đơn giản hóa bài toán.

/ck:loop

/ck:autoresearch router

Vòng lặp tối ưu hóa tự động

Chạy N lần lặp theo metric, học từ git history, tự động giữ/bỏ thay đổi. Cho coverage, performance, bundle size.

Autoresearch family router — học pattern, chọn skill phù hợp

Meta-framework cho autonomous iteration. Route đến 4 skill chuyên biệt: ck-loop, ck-predict, ck-scenario, ck-security.

/ck:predict

5 chuyên gia AI tranh luận về thay đổi trước khi triển khai

Phát hiện sớm vấn đề kiến trúc, bảo mật, hiệu suất, UX. Chain modes: --chain reason (refinement), --chain probe (khám phá constraints).

--chain reason --chain probe

/ck:xia

<github-url|owner/repo|local-path> [feature]

Học hỏi, trích xuất và port tính năng từ repo khác một cách an toàn

Nghiên cứu mã nguồn thay thế (GitHub/Local) để phân tích kiến trúc tính năng. Sử dụng Challenge Framework để đánh giá rủi ro trước khi triển khai, tránh blind copy-paste.

--compare --copy --improve --port --auto --fast

Thiết Kế & Frontend

Thiết kế UI/UX, phát triển frontend, đồ họa 3D và công cụ trực quan

/ck:frontend-design

/ck:frontend-development

Tạo giao diện frontend hoàn thiện

Từ bản thiết kế, screenshots, hoặc videos.

Xây dựng frontend React/TypeScript

Các pattern hiện đại, MUI v7, TanStack.

/ck:ui-styling

Tạo style UI với shadcn/ui

Radix UI + Tailwind CSS. Dark mode, hệ thống thiết kế.

/ckm:design

Nhận diện thương hiệu, logo, CIP, slides, banner, icon

55 kiểu logo, 50 deliverable CIP, ảnh mạng xã hội. Tạo ảnh bằng Gemini AI.

/ck:stitch

Tạo thiết kế AI qua Google Stitch

Tạo UI chất lượng cao từ text prompt. Export Tailwind/HTML. Pipeline thiết kế sang code.

generate export

--format all --format html --device mobile

/ck:ui-ux-pro-max

/ck:web-design-guidelines

50+ styles, 161 bảng màu, 57 bộ font ghép đôi

161 loại sản phẩm, 99 hướng dẫn UX, 25 loại chart, 10 stacks.

Đánh giá UI theo tiêu chuẩn Web Interface Guidelines

Kiểm tra code theo tiêu chuẩn design guidelines.

/ck:threejs

Xây dựng ứng dụng web 3D với Three.js

WebGL/WebGPU. 556 ví dụ, 60 API class.

/ck:shader

Viết GLSL fragment shaders

Đồ họa thủ tục và nghệ thuật sinh tạo. Hoạt động với Three.js.

/ck:mermaidjs-v11

Sơ đồ luồng, biểu đồ, Gantt, timeline

Biểu đồ sequence, class, ER, state sử dụng Mermaid v11.

/excalidraw

Diagram hand-drawn với Excalidraw

Architecture, flowcharts, system designs phong cách hand-drawn. Auto-diagram để visualization codebase không cần config.

AI Generation & Multimodal

Tạo hình ảnh/video, phân tích AI và xử lý media

/ck:ai-multimodal

Phân tích ảnh/audio/video với Gemini API

Tạo ảnh (Imagen 4, Nano Banana 2), video (Veo 3, Hailuo).

/ck:ai-artist

Tạo ảnh qua Nano Banana

129 prompt được tuyển chọn. Bắt buộc validation.

--mode search --mode creative --mode wild --mode all --skip

/ck:media-processing

FFmpeg, ImageMagick, xóa nền bằng AI

Xử lý video/audio, ảnh, và các thao tác RMBG.

/ck:remotion

Tạo video lập trình trong React

Xây dựng video components với React và render ra MP4.

/ck:html-video

[video brief, source URL, repo, template id, or project id]

Video MP4 local từ template HTML/CSS/JS

Render template HTML thành MP4 thật qua headless Chromium và ffmpeg (nexu-io/html-video). Bao gồm setup source checkout, khám phá template, tùy chỉnh studio, preview và xác minh render.

Xây Dựng & Triển Khai

Backend, framework, database, DevOps, mobile và deployment

/ck:bootstrap

⚡⚡⚡⚡⚡

Khởi tạo dự án đầy đủ từ đầu

Modes: full (mặc định interactive), auto (autonomous), fast (bỏ qua research), parallel (multi-agent).

--full --auto --fast --parallel

/ck:backend-development

API Node.js, Python, Go

NestJS, FastAPI, Django. REST/GraphQL/gRPC.

/ck:web-frameworks

Monorepo Next.js, Turborepo

Hỗ trợ App Router, RSC, SSR, ISR.

/ck:databases

MongoDB, PostgreSQL, SQL/NoSQL

Queries, aggregation, index, migration.

/ck:tanstack

/ck:react-best-practices

TanStack Start, Form, AI

Streaming/chat với TanStack AI.

Tối ưu hiệu suất React/Next.js

Từ các pattern của Vercel Engineering.

/ck:devops

Cloudflare, Docker, GCP, Kubernetes

Triển khai Workers, R2, D1, Cloud Run.

/ck:ship

Ship feature branch với pipeline tự động

merge target -> test -> review -> journal (tùy chọn publish AgentWiki) -> push -> PR. Dùng cho release official main/master hoặc beta dev/beta.

--official --beta --skip-tests --skip-review

/ck:mobile-development

React Native, Flutter, Swift, Kotlin

Hỗ trợ SwiftUI và Jetpack Compose.

/ck:team

⚡⚡⚡⚡⚡

Điều phối Agent Teams

Cộng tác đa phiên song song. Template: research, implement, review, debug.

<template> <context> --devs N --researchers N --reviewers N --delegate

/ck:deploy

Tự động phát hiện và triển khai lên 15 nền tảng

Vercel, Netlify, Cloudflare, Railway, Fly.io, Render, Heroku, GitHub Pages, AWS, GCP, và nhiều hơn.

[platform] [environment]

/ck:cook

<github-issue-url | feature request>

Triển khai tính năng tất cả trong một với hard gate

Scout-first → exact-requirements → plan → implement → test → no-side-effects verify → review. Gate chặn hoàn tất không an toàn. Có override --no-test.

--interactive --fast --parallel --auto --no-test --tdd

/ck:vibe

⚡⚡⚡⚡⚡

Pipeline phát triển sản phẩm tự trị hoàn toàn

Chạy pipeline đầy đủ từ GitHub issue hoặc feature request qua worktree, TDD plan, cook/fix, code review, ship PR, review-pr, và tuỳ chọn merge với CI convergence.

--ship --beta

Git & Quản Lý Phiên Bản

Thao tác Git, conventional commits, worktree và quản lý branch

/ck:git

Thao tác git với conventional commit + tự động merge PR

Tự tách commit theo type/scope. Quét bảo mật trước khi commit. merge-pr chạy review-pr --fix --reply trên từng PR, gắn nhãn ready to ship khi đủ điều kiện merge, merge rồi theo dõi CI đến xanh.

cm cp pr merge merge-pr

/ck:worktree

Git worktree cô lập cho phát triển song song

Tạo feature branch trong thư mục riêng. Phù hợp cho monorepo.

Kiểm Thử & Debug

Testing, code review, debugging và edge-case scenarios

/ck:test

Chạy test cục bộ và test UI

Chạy toàn bộ suite, module cụ thể, hoặc test UI trực quan trên website thực.

[context] ui [url]

/ck:code-review

Đánh giá chất lượng code với evidence-based rigor

Review pending diff, PR #, commit hash, hoặc codebase scan. Protocol Spec → Quality → Verify tập trung vào bug, regression, maintainability, reliability, và verification gap.

[context] #PR COMMIT --pending codebase codebase parallel

/ck:review-pr

Review GitHub PR kèm auto-fix và reply chính thức

Phân tích PR về prior work trùng lặp, chuẩn dự án, tính cần thiết chiến lược, tính đúng đắn, bảo mật, breaking change, chất lượng code và các mẫu AI-slop. --fix tự khắc phục findings, giải quyết conflict và theo dõi CI đến xanh; --reply đăng review lên GitHub qua gh.

Chẩn đoán & sửa lỗi có cấu trúc với side-effect sweep

Scout → exact-root-cause (6 mục) → đánh giá → sửa → xác minh → side-effect sweep toàn blast radius → phòng ngừa. RCA dựa trên bằng chứng, không bao giờ silent patch.

--auto --review --quick --parallel

/ck:debug

Phân tích nguyên nhân gốc có hệ thống

Truy vết call stack, validation đa lớp. Dùng khi không biết vấn đề ở đâu.

/ck:web-testing

Testing với Playwright, Vitest, k6

Test E2E/unit/integration/load/bảo mật/visual/a11y.

/ck:agent-browser

CLI tự động hóa trình duyệt tối ưu cho AI

Snapshot hiệu quả về context cho các tương tác web phức tạp.

/ck:chrome-profile

Browser automation trên Chrome profile thật của user

Nhắm tới Chrome profile thật qua Chrome DevTools MCP. CLI chrome-profile với profile discovery, live DevTools probing, setup playbook và chọn tab theo URL-anchor. open --json trả về bind_selector để bind tab chính xác; --no-activate giữ focus ở app hiện tại; profile key mơ hồ sẽ fail closed. Dùng khi automation cần cookie thật, tài khoản Google hoặc session đã đăng nhập.

Tạo edge cases trên 12 chiều với chế độ saturation

Khám phá rủi ro và lập kế hoạch QA trước triển khai. --saturation lặp cho đến khi hết novelty — xác nhận coverage toàn diện.

--saturation --iterations

Bảo Mật & Tình Báo

Audit bảo mật, quét lỗ hổng, xác thực và threat intelligence

/ck:security

Kiểm tra STRIDE + OWASP với red-team persona discovery loop

4 persona tấn công (security adversary, supply chain, insider, infrastructure). --red-team cho persona discovery loop. --fix cho auto-remediation.

--fix --red-team --iterations

/ck:security-scan

Quét codebase tìm lỗ hổng bảo mật

Phân tích bảo mật tự động với gợi ý khắc phục.

[scope]

--secrets-only --deps-only --full

/ck:better-auth

Auth TypeScript: OAuth, 2FA, passkeys

Hỗ trợ RBAC, WebAuthn, MFA.

/ck:cti-expert

Bộ công cụ điều tra CTI/OSINT

Cyber threat intelligence và điều tra open-source: case timeline, recon, kiểm tra breach, digital footprint, forensics ảnh/blockchain và GitHub OSINT qua /github-osint. Không cần API key.

/github-osint

[target]

--yolo --case --sweep --query --flow

Tài Liệu & Nội Dung

Quản lý tài liệu, viết nội dung và xem file

/ck:docs

Phân tích codebase và quản lý tài liệu

Khởi tạo, cập nhật, hoặc tóm tắt tài liệu dự án.

init update summarize

/ck:docs-seeker

Tìm kiếm tài liệu thư viện/framework

Qua llms.txt (context7.com). Cách nhanh nhất để lấy tài liệu cập nhật.

/ck:copywriting

Tiêu đề, CTA, landing page

Email copy, phong cách viết, copy tập trung vào chuyển đổi.

[copy-type] [context]

/ck:mintlify

Trang tài liệu với Mintlify

MDX components, theme, OpenAPI.

/ck:show-off

Tạo HTML showcase ấn tượng cho demo và mạng xã hội

Trang cuộn nhiều section với parallax, theme toggle, song ngữ (VI/EN). Tự chụp các section thành ảnh. Lưu workflow preferences (screenshot, publishing, ngôn ngữ) tại ~/.claude/show-off/preferences.json giữa các session.

/ck:preview

Xem file hoặc tạo giải thích trực quan

Markdown hoặc self-contained HTML. Modes: --explain, --slides, --diagram, --diff, --plan-review, --recap. Thêm --html để mở trên browser.

--explain --slides --diagram --ascii --html --diff --plan-review --recap

/ck:tech-graph

/ck:markdown-novel-viewer

Tạo SVG technical diagram chất lượng publication

8 style thiết kế (modern, minimal, neon, retro, Dark Luxury dark editorial cao cấp, v.v.) và 10 template (architecture, sequence, ER, flow). Output SVG sẵn sàng cho docs, slide, blog.

Đọc kiểu sách qua HTTP server

Đọc thoải mái cho các file markdown.

/ck:llms

Tạo file llms.txt từ docs hoặc codebase

Tuân theo spec llmstxt.org. Bao gồm file tham chiếu và script tạo.

MCP & Tích Hợp

MCP server, thanh toán, Shopify và tích hợp AI agent

/ck:mcp-builder

Xây dựng MCP server

FastMCP (Python), MCP SDK (Node/TypeScript).

/ck:use-mcp

/ck:payment-integration

Khám phá và thực thi MCP tools

Hai đường: Gemini CLI (LLM-driven) hoặc direct scripts (deterministic). Thay thế mcp-management.

SePay, Polar, Stripe, Paddle, Creem.io

VietQR và các nhà cung cấp thanh toán quốc tế.

/ck:shopify

Ứng dụng Shopify và Liquid templates

Polaris UI, tùy chỉnh checkout.

/ck:google-adk-python

Xây dựng AI agent với Google ADK Python

Giao thức A2A, tích hợp MCP tools.

/ck:agentize

Chuyển codebase thành CLI + MCP server thân thiện AI agent

Wrap code thành CLI/MCP với shared core/. Agent-centric design. Mode: --both, --mcp, --cli.

--both --mcp --cli

Quản Lý Phiên Làm Việc

Xem lại phiên, viết nhật ký và tối ưu context

/ck:watzup

Tóm tắt hand-off từ thay đổi gần đây

Đã ship gì, đang làm gì, tiếp theo là gì. Dùng cuối ngày hoặc trước khi chuyển context.

/ck:journal

/ck:context-engineering

Viết nhật ký phân tích thay đổi

Ghi lại các suy nghĩ và quyết định kỹ thuật.

Giám sát sử dụng context và tối ưu token

Kiểm tra giới hạn và tối ưu hóa mức tiêu thụ context window.

/ck:retro

Retrospective sprint dựa trên dữ liệu

Git metrics, chỉ số sức khỏe, và đề xuất hành động.

[timeframe]

--compare --team --format html|md

Theo Dõi Dự Án

Theo dõi tiến độ, kanban board và quản lý kế hoạch

/ck:project-management

Theo dõi tiến độ và quản lý Claude Tasks

Tạo báo cáo, phối hợp tài liệu. Tasks: status, hydrate, sync, report.

status hydrate sync report

/ck:plans-kanban

/ck:project-organization

Bảng kế hoạch với theo dõi tiến độ

Trực quan hóa timeline và tiến độ.

Tổ chức cấu trúc dự án và bố cục file

Phân tích và tái cấu trúc thư mục dự án để dễ bảo trì.

Tiện Ích

Quản lý skill, đóng gói code, phân tích ngữ nghĩa và công cụ hỗ trợ

/ck:skill-creator

Tạo/cập nhật Claude skills

3 sub-agent (analyzer, comparator, grader). Hạ tầng eval với benchmarks.

/ck:find-skills

Khám phá và cài đặt skill từ hệ sinh thái

Tìm kiếm theo khả năng hoặc mô tả task.

/ck:repomix

Đóng gói repositories thành file thân thiện với AI

Đầu ra định dạng XML, markdown, plain, hoặc JSON.

--style xml --style markdown --style plain --style json

/ck:gkg

Phân tích code ngữ nghĩa

Tích hợp GitLab Knowledge Graph.

/ck:graphify

Xây dựng knowledge graph có thể query

Chuyển code, docs, papers, images thành knowledge graphs. Tree-sitter AST cho 20 ngôn ngữ.

[path]

--mcp --report --watch

/ck:ghpm