Tra cứu skills, lệnh built-in, hướng dẫn kết hợp Agents và triển khai app từ A-Z trong ClaudeKit Engineer
Các tác vụ tự động, MCP plugins, và document skills đã cài đặt
Các tác vụ đã lên lịch chạy tự động hàng ngày/tuần
Plugins kết nối Claude Code với dịch vụ bên ngoài
Dịch vụ kết nối qua OAuth — cần xác thực trước khi dùng
Tạo file Office trực tiếp từ Claude Code
Hướng dẫn chi tiết cách kết hợp 150+ Agents chuyên gia để xây dựng ứng dụng hiệu quả — từ ý tưởng đến production
Quy trình 7 giai đoạn với các agent phù hợp cho từng bước
| Giai đoạn | Agents kết hợp | Mô tả |
|---|---|---|
| Discovery | UX Researcher + Product Manager |
Nghiên cứu user, xác định MVP |
| Architecture | Software Architect + Backend Architect + Database Optimizer |
Thiết kế hệ thống |
| Design | UI Designer + UX Architect + Brand Guardian |
UI/UX & design system |
| Frontend | Frontend Developer + Accessibility Auditor |
Build UI accessible |
| Backend | Backend Architect + Database Optimizer + Security Engineer |
API + DB + bảo mật |
| Testing | Code Reviewer + API Tester + Performance Benchmarker |
QA toàn diện |
| Deploy | DevOps Automator + SRE |
CI/CD + monitoring |
Chọn đội hình agent phù hợp với từng loại ứng dụng
Chạy đồng thời các agent độc lập để tiết kiệm thời gian
Kết hợp agents để đảm bảo app không có lỗi và bảo mật
| Bước | Agent | Vai trò |
|---|---|---|
| Trước code | Software Architect |
Review thiết kế |
| Trong code | Code Reviewer |
Review từng PR |
| Sau code | Security Engineer |
Scan vulnerabilities |
| Trước deploy | Performance Benchmarker |
Load test |
| Sau deploy | SRE + Incident Response Commander |
Monitor + on-call |
Quy trình 6 bước kết hợp agents để xây dựng hệ thống xác thực
Phân tích và chọn kiến trúc xác thực phù hợp: JWT vs Session, OAuth2 flow, token storage strategy.
Tạo cấu trúc database tối ưu cho users, roles, permissions, sessions, refresh tokens.
Xây dựng API endpoints: /auth/login, /auth/register, /auth/refresh, /auth/logout, middleware.
Tạo Login/Register form, Protected routes, Token management, OAuth buttons.
Audit OWASP Authentication checklist: brute force protection, password policy, session fixation, CSRF.
Review toàn bộ code auth trước khi merge: logic, error handling, edge cases, code quality.
Những nguyên tắc quan trọng để sử dụng agents hiệu quả nhất
Quy trình 30 bước kết hợp Skills + Agents để tạo bất kỳ landing page nào chuẩn SEO, tối ưu chuyển đổi, sẵn sàng lên Google Top 10
Xác định từ khóa, đối thủ, và chiến lược nội dung trước khi bắt đầu
Phân tích thị trường mục tiêu, đối thủ cạnh tranh, và các landing page đang rank top. Tìm điểm mạnh/yếu của đối thủ.
Tìm từ khóa chính (primary), từ khóa phụ (secondary), và từ khóa đuôi dài (long-tail). Phân tích search volume, difficulty, và search intent.
Xác định chân dung khách hàng mục tiêu, nỗi đau, mong muốn, và hành trình mua hàng để tối ưu nội dung.
Lên dàn ý nội dung landing page: headline, subheadline, sections, CTA, social proof. Đảm bảo match với search intent.
Thiết kế giao diện và viết nội dung chuyển đổi cao
Tạo wireframe layout: hero section, features, testimonials, pricing, FAQ, CTA. Chọn bảng màu, font phù hợp.
Thiết kế giao diện hoàn chỉnh: màu sắc, typography, spacing, responsive. Tối ưu visual hierarchy để dẫn mắt người dùng đến CTA.
Viết headline hấp dẫn (có keyword chính), subheadline giải thích giá trị, body copy thuyết phục, CTA rõ ràng. Áp dụng công thức AIDA/PAS.
Tạo hero image, illustrations, icons, screenshots sản phẩm. Tối ưu dung lượng ảnh cho tốc độ tải trang.
Code và tối ưu kỹ thuật SEO on-page
Scaffold dự án với Next.js (SSR/SSG), Tailwind CSS, và các công cụ SEO cần thiết.
Kiểm tra yêu cầu, xác nhận phạm vi, lên checklist SEO elements cần có.
Xây dựng HTML semantic: đúng thứ tự heading (H1 → H2 → H3), alt text cho ảnh, internal links, semantic tags (header, main, section, footer).
Style với Tailwind CSS, đảm bảo responsive trên mọi thiết bị. Google ưu tiên mobile-first indexing.
Cài đặt tất cả yếu tố SEO kỹ thuật trên trang
Thiết lập title tag (chứa keyword, dưới 60 ký tự), meta description (chứa keyword, 150-160 ký tự), Open Graph và Twitter Cards.
Thêm JSON-LD schema: Product, FAQPage, Organization, BreadcrumbList, Review. Giúp Google hiểu nội dung và hiển thị rich snippets.
Nén ảnh WebP/AVIF, thêm alt text chứa keyword, lazy loading, responsive images với srcset. Mỗi ảnh dưới 100KB.
Tối ưu URL slug (ngắn, chứa keyword, không dấu). Thêm canonical URL, hreflang (nếu đa ngôn ngữ), và internal links hợp lý.
Tạo XML sitemap, robots.txt cho phép crawl. Submit lên Google Search Console.
Đảm bảo tốc độ tải nhanh — yếu tố xếp hạng quan trọng của Google
Kiểm tra LCP (dưới 2.5s), FID/INP (dưới 200ms), CLS (dưới 0.1). Đây là 3 chỉ số Google dùng để xếp hạng.
Minify CSS/JS, tree-shaking, code splitting, preload fonts, preconnect CDN. Mục tiêu: PageSpeed score 90+.
Kiểm tra WCAG 2.1: contrast ratio, keyboard navigation, screen reader, ARIA labels. Google đánh giá cao trang accessible.
Tối ưu nội dung để vừa rank cao vừa chuyển đổi tốt
Thiết kế CTA nổi bật: màu tương phản, vị trí chiến lược (above the fold + cuối mỗi section), copy hành động cụ thể.
Thêm testimonials, logo khách hàng, số liệu thực tế, badges, reviews. Social proof tăng độ tin cậy và conversion rate.
Viết 5-10 câu FAQ dựa trên "People Also Ask" của Google. Kết hợp FAQPage schema để hiển thị rich snippets.
Đảm bảo trang hoạt động hoàn hảo trước khi go live
Audit checklist: title tag, meta desc, H1, alt text, schema, canonical, mobile, speed, internal links, broken links.
Test trên Chrome, Firefox, Safari, Edge, mobile iOS/Android. Đảm bảo hiển thị đúng trên mọi thiết bị.
Đảm bảo HTTPS, security headers (CSP, HSTS, X-Frame-Options), không lộ thông tin nhạy cảm.
Triển khai và đăng ký với các công cụ tìm kiếm
Deploy lên Vercel/Netlify/Cloudflare Pages. Cấu hình custom domain, SSL, redirect rules, cache headers.
Đăng ký domain trên Google Search Console, submit sitemap, yêu cầu index trang. Cài Google Analytics 4 để theo dõi.
SEO là cuộc chơi dài hạn — theo dõi và cải thiện liên tục
Monitor vị trí keyword trên Google, organic traffic, CTR, bounce rate. Điều chỉnh nội dung nếu cần.
Chạy A/B test: headline, CTA, layout, màu sắc. Dùng dữ liệu để tối ưu conversion rate liên tục.
Hướng dẫn chi tiết từng bước sử dụng ClaudeKit Skills để tạo một ứng dụng hoàn chỉnh — từ ý tưởng đến triển khai production
Trước khi code, hãy nghiên cứu kỹ và lên kế hoạch rõ ràng
Nghiên cứu các công nghệ, framework, và giải pháp phù hợp với ý tưởng app. Claude sẽ phân tích ưu nhược điểm từng lựa chọn.
Thảo luận các hướng triển khai, tính năng cần có, và phân tích trade-offs. Claude sẽ đưa ra nhiều phương án với ưu nhược điểm.
Tìm tài liệu chính thức của framework/thư viện đã chọn để nắm rõ API và best practices.
Lập kế hoạch triển khai chi tiết trước khi bắt tay vào code
Tạo kế hoạch chi tiết với các giai đoạn, milestone, và danh sách việc cần làm. Claude sẽ chia nhỏ dự án thành các bước rõ ràng.
/ck-predict sau khi lập kế hoạch — 5 chuyên gia ảo sẽ phản biện và tìm điểm yếu trong kế hoạch trước khi bạn bắt đầu code.5 chuyên gia ảo (kiến trúc sư, bảo mật, UX, performance, QA) sẽ tranh luận về kế hoạch và phát hiện vấn đề tiềm ẩn.
Thiết kế giao diện, chọn bảng màu, font chữ, và tạo design system cho app.
/ui-ux-pro-max để truy cập kho 161 bảng màu, 57 cặp font, 99 hướng dẫn UX sẵn có.Scaffold dự án và thiết lập cấu trúc ban đầu
Scaffold toàn bộ dự án: cài đặt dependencies, cấu trúc thư mục, config files. Claude tự động chọn tech stack phù hợp dựa trên kế hoạch.
Tạo file CLAUDE.md để Claude nhớ bối cảnh dự án xuyên suốt. Ghi lại tech stack, coding conventions, kiến trúc.
Thiết kế schema database, tạo bảng, indexes, và migration scripts.
Tích hợp hệ thống đăng nhập: email/password, Google, GitHub, 2FA.
Code từng tính năng theo kế hoạch đã lập
LUÔN chạy trước mỗi tính năng. Claude sẽ kiểm tra yêu cầu, xác nhận phạm vi, lên checklist việc cần làm trước khi bắt đầu code.
Tạo API endpoints cho từng tính năng: CRUD transactions, báo cáo, budget tracking.
Code React components, pages, state management, và tích hợp với API.
Style components với shadcn/ui + Tailwind CSS. Thêm dark mode, responsive, animations.
Thêm tính năng thanh toán: Stripe, VietQR (SePay), gói subscription.
/cook → /backend-development → /frontend-development → /ui-styling. Mỗi tính năng nên được hoàn thành trước khi chuyển sang tính năng tiếp theo.Đảm bảo app hoạt động đúng và an toàn
Sinh ra các edge cases và kịch bản test toàn diện theo 12 chiều phân tích.
Chạy unit test, integration test, và E2E test. Phân tích coverage, tìm vùng code chưa được test.
Chạy test end-to-end trên trình duyệt thật với Playwright. Kiểm tra luồng người dùng, responsive, accessibility.
Quét toàn bộ codebase tìm lỗ hổng bảo mật theo STRIDE + OWASP. Tùy chọn tự động sửa.
Tìm mật khẩu/API keys bị lộ trong code và kiểm tra dependencies có CVE.
Fix bugs, tối ưu hiệu suất, và polish giao diện
LUÔN dùng khi gặp lỗi. Claude phân tích nguyên nhân gốc rễ rồi sửa. Có chế độ auto, review, quick, parallel.
Khi bug phức tạp — phân tích root cause, truy vết call stack, kiểm tra đa lớp.
Review code đã viết, tìm chỗ trùng lặp, tối ưu hiệu suất, rồi tự sửa.
Chạy vòng lặp tối ưu: đo chỉ số → thử cải thiện → giữ/loại bỏ → lặp lại. Phù hợp cho tăng coverage, giảm bundle size.
Review code lần cuối trước khi phát hành
Review toàn bộ code với tinh thần phản biện gay gắt. Tìm lỗ hổng bảo mật, logic sai, code smell.
Review giao diện theo Web Interface Guidelines: accessibility, UX best practices.
Tự động sinh tài liệu từ codebase: README, API docs, hướng dẫn cài đặt.
Ship app lên production!
Commit với conventional commits chuẩn. Tự tách commits theo loại, quét secrets trước khi commit.
Pipeline phát hành hoàn chỉnh: merge main → test → review → commit → push → tạo PR. Một lệnh duy nhất.
Triển khai app lên hosting. Tự động phát hiện platform từ config. Hỗ trợ Vercel, Netlify, Cloudflare, Railway, AWS...
Sau khi ship — theo dõi, bảo trì, và phát triển tiếp
Claude tự động theo dõi PR — push fixes khi CI fail hoặc reviewer comment.
Lên lịch chạy security scan, test, hoặc báo cáo tự động hàng ngày/tuần.
Phân tích chỉ số git (commits, LOC, hotspots) và tạo báo cáo sức khỏe dự án.
Tóm tắt phiên làm việc: những gì đã làm, thay đổi đang chờ, ghi chú cho phiên tiếp theo.