cpt/docs

Khi vào việc lập trình

Catalog · Lập trình

36 lệnh cho vòng đời code: dựng giao diện, dựng backend, soát chất lượng, đọc hiểu codebase, chạy test.

20 lệnh hằng ngày nằm ở Lệnh /cpt:. Mỗi nhóm dưới đây mở đầu bằng một sơ đồ "bạn đang cần gì → gõ lệnh nào". Cú pháp lấy nguyên từ argument-hint trong SKILL.md.

Bản đồ nhóm lệnh của trang này Frontend / UI 10 lệnh; Backend / Data / Hạ tầng 9 lệnh; Chất lượng · bảo mật 7 lệnh; Hiểu code / tra cứu 7 lệnh; Test · tự động hoá trình duyệt 3 lệnh. Tổng 36 lệnh. 5 NHÓM · 36 LỆNH Frontend 10 Backend 9 Chất lượng 7 Hiểu code 7 Test 3
36 lệnh trong 5 nhóm. Nhóm nhiều lệnh không có nghĩa là hay dùng — chỉ là miền việc rộng hơn.

01 Frontend / UI 10 LỆNH

Chọn lệnh trong nhóm Frontend / UI có design / ảnh mẫu → frontend-design; viết component → frontend-development, react-best-practices; framework cụ thể → web-frameworks, tanstack; style & hệ thiết kế → ui-styling, ui-ux-pro-max; 3D / hiệu ứng → threejs, shader; audit UI đã có → web-design-guidelines. BẠN ĐANG CẦN GÌ? có design / ảnh mẫu frontend-design viết component frontend-development react-best-practices framework cụ thể web-frameworks tanstack style & hệ thiết kế ui-styling ui-ux-pro-max 3D / hiệu ứng threejs shader audit UI đã có web-design-guidelines
Tên trong sơ đồ đã bỏ tiền tố /cpt: cho gọn — gõ đầy đủ như bảng dưới.
LệnhTham sốDùng khi
/cpt:frontend-development[component or feature]React/TypeScript, Suspense, TanStack Router, MUI v7
/cpt:frontend-design—Dựng UI bám sát design/screenshot/video, tránh "AI slop"
/cpt:ui-styling[component or layout]shadcn/ui + Tailwind, theme, dark mode
/cpt:ui-ux-pro-max—Chọn style, hệ màu, typography, a11y, responsive
/cpt:web-design-guidelines[file-or-pattern]Audit UI theo Web Interface Guidelines
/cpt:react-best-practices[component or pattern]Tối ưu render, bundle (Vercel Engineering)
/cpt:web-frameworks[framework] [feature]Next.js App Router, RSC, ISR, Turborepo
/cpt:tanstack[framework] [feature]TanStack Start / Form / AI
/cpt:threejs[3D scene or feature]WebGL/WebGPU, GLTF, VR/XR
/cpt:shader[effect or pattern]GLSL fragment shader, SDF, noise, fBm

02 Backend / Data / Hạ tầng 9 LỆNH

Chọn lệnh trong nhóm Backend / Data / Hạ tầng API / service → backend-development; database → databases; đăng nhập → better-auth; thanh toán → payment-integration; hạ tầng & đưa lên → devops, deploy; nền tảng khác → mobile-development, shopify, google-adk-python. BẠN ĐANG CẦN GÌ? API / service backend-development database databases đăng nhập better-auth thanh toán payment-integration hạ tầng & đưa lên devops deploy nền tảng khác mobile-development shopify google-adk-python
Tên trong sơ đồ đã bỏ tiền tố /cpt: cho gọn — gõ đầy đủ như bảng dưới.
LệnhTham sốDùng khi
/cpt:backend-development[framework] [task]REST/GraphQL/gRPC, auth, microservices
/cpt:databases[query or schema task]MongoDB/PostgreSQL: schema, query, index, migration
/cpt:better-auth[auth-method or feature]Better Auth: OAuth, 2FA, passkey, RBAC
/cpt:payment-integration[provider] [task]SePay/VietQR, Stripe, Polar, Paddle, Creem
/cpt:devops[platform] [task]Cloudflare, Docker, GCP, Kubernetes, CI/CD
/cpt:deploy[platform] [environment]Đưa lên hosting, tự nhận diện nền tảng từ config repo
/cpt:mobile-development[platform] [feature]React Native, Flutter, SwiftUI, Compose
/cpt:shopify[extension-type] [feature]Shopify app/extension/theme
/cpt:google-adk-python[agent or feature]Google ADK Python, A2A, Vertex AI

03 Chất lượng · bảo mật 7 LỆNH

Chọn lệnh trong nhóm Chất lượng · bảo mật phản biện trước khi code → predict, scenario; soát bảo mật → security, security-scan; nhìn lại quãng đã làm → retro; lặp tối ưu theo metric → loop, autoresearch. BẠN ĐANG CẦN GÌ? phản biện trước khi code predict scenario soát bảo mật security security-scan nhìn lại quãng đã làm retro lặp tối ưu theo metric loop autoresearch
Tên trong sơ đồ đã bỏ tiền tố /cpt: cho gọn — gõ đầy đủ như bảng dưới.
LệnhTham sốDùng khi
/cpt:security<scope glob | 'full'> [--fix] [--red-team] [--iterations N]Audit STRIDE/OWASP có vòng red-team
/cpt:security-scan[scope] [--secrets-only] [--deps-only] [--full]Quét nhanh secret & dependency
/cpt:predict<change proposal> [--files <glob>] [--chain reason|probe]5 persona chuyên gia phản biện trước khi code
/cpt:scenario<file path | feature> [--iterations N] [--saturation]Sinh edge case / test scenario theo 12 chiều
/cpt:retro[timeframe] [--compare] [--team] [--format html|md]Retrospective từ git history
/cpt:loop[Goal/Metric description] hoặc config blockLặp tối ưu tự động theo một metric cơ học
/cpt:autoresearch—Định tuyến việc lặp có mục tiêu sang skill phù hợp

04 Hiểu code / tra cứu 7 LỆNH

Chọn lệnh trong nhóm Hiểu code / tra cứu tìm định nghĩa / usage → gkg; bản đồ quan hệ → graphify, tech-graph; đóng gói repo cho LLM → repomix; tra docs thư viện → docs-seeker; không nhớ tên lệnh → find-skills; lấy tính năng repo khác → xia. BẠN ĐANG CẦN GÌ? tìm định nghĩa / usage gkg bản đồ quan hệ graphify tech-graph đóng gói repo cho LLM repomix tra docs thư viện docs-seeker không nhớ tên lệnh find-skills lấy tính năng repo khác xia
Tên trong sơ đồ đã bỏ tiền tố /cpt: cho gọn — gõ đầy đủ như bảng dưới.
LệnhTham sốDùng khi
/cpt:gkg[symbol or query]Go-to-definition, find-usages, impact analysis
/cpt:graphify[path] [--mcp|--report|--watch]Dựng knowledge graph từ code/docs
/cpt:tech-graph[diagram-type or system description]Sơ đồ kiến trúc hệ thống
/cpt:repomix[path] [--style xml|markdown|plain|json]Đóng gói repo thành 1 file cho LLM
/cpt:docs-seeker[library-name] [topic]Tra tài liệu thư viện qua llms.txt / context7
/cpt:find-skills[capability or task description]Mô tả việc cần làm, nó tìm skill tương ứng
/cpt:xia<repo|path> [feature] [--compare|--copy|--improve|--port] [--auto|--fast]Port / so sánh tính năng từ repo khác

05 Test · tự động hoá trình duyệt 3 LỆNH

Chọn lệnh trong nhóm Test · tự động hoá trình duyệt viết / chạy test web → web-testing; automation, không cần tài khoản → agent-browser; cần profile Chrome thật → chrome-profile. BẠN ĐANG CẦN GÌ? viết / chạy test web web-testing automation, không cần tài khoản agent-browser cần profile Chrome thật chrome-profile
Tên trong sơ đồ đã bỏ tiền tố /cpt: cho gọn — gõ đầy đủ như bảng dưới.
LệnhTham sốDùng khi
/cpt:web-testing[test-type] [target]Playwright, Vitest, k6; e2e/load/a11y/visual
/cpt:agent-browser[url or task]Tự động hoá trình duyệt/app, không cần profile Chrome thật
/cpt:chrome-profile—Khi automation cần profile Chrome thật (cookie, tài khoản)

06 Không có ở đây?