AI Skill MartKhám phá skillLệnhChương trìnhHọcSkill là gì?
 
← Về danh sách

Khung "Vibe Coding → Agentic Engineering"

Skill dạy Claude mô hình khái niệm và hệ thống 4 cấp độ đằng sau bộ slide "Vibe Coding to Agentic Engineering" để chỉnh sửa slide luôn nhất quán.

Giáo dụcTrung cấp★ 68,873⑂ 6,858Điểm AI 6/10Cập nhật lần cuối: 9 thg 11, 2026

Làm được gì

  • Cung cấp mô hình "hành trình" 4 cấp: Low → Medium → High → Pro, kèm màu sắc và chiều cao thanh tiến trình.
  • Giải thích vì sao thứ tự các phần (prompting → CLAUDE.md/Rules → workflow → Skills → Agents/Commands/Hooks/MCP) lại được sắp như vậy.
  • Dùng ví dụ xuyên suốt TodoApp (FastAPI + Next.js monorepo) với cấu trúc thư mục trước/sau khi cấu hình Claude Code.
  • Nêu rõ quy tắc kỹ thuật: thuộc tính data-level được kế thừa, .level-badge do JS chèn (không hard-code trong HTML).

Phù hợp với ai

  • Người đang chỉnh sửa/mở rộng bộ slide best-practice Claude Code của repo này.
  • Người thiết kế giáo trình nội bộ về lộ trình trưởng thành khi dùng AI coding agent.
  • Người muốn tham khảo cách xây dựng mô hình cấp độ cho bài thuyết trình kỹ thuật.

Ví dụ sử dụng

  1. "Thêm slide về phạm vi bộ nhớ của agent" → Claude đặt vào Part 6 (cấp High) và không nhắc khái niệm chưa được giới thiệu.
  2. "Huy hiệu cấp độ không hiện ở slide 12" → tra bảng chuyển cấp, phát hiện slide kế thừa data-level="low" từ slide 10.
  3. "Cần ví dụ minh họa yêu cầu 'thêm tính năng ghi chú'" → sinh so sánh trước/sau dựa trên routes/todos.py và Sidebar.tsx.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/shanraisshan/claude-code-best-practice/HEAD/.claude/skills/presentation/vibe-to-agentic-framework/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên AI Skill Mart.
Copy thư mục .claude/skills/presentation/vibe-to-agentic-framework từ repo GitHub shanraisshan/claude-code-best-practice vào ~/.claude/skills/vibe-to-agentic-framework/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/shanraisshan/claude-code-best-practice.git && mkdir -p ~/.claude/skills && cp -r claude-code-best-practice/.claude/skills/presentation/vibe-to-agentic-framework ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở Terminal.
  2. Tải repo: git clone https://github.com/shanraisshan/claude-code-best-practice.git
  3. Tạo thư mục skills: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r claude-code-best-practice/.claude/skills/presentation/vibe-to-agentic-framework ~/.claude/skills/
  5. Nếu muốn chỉnh slide thật, mở thư mục repo làm thư mục làm việc (có presentation/index.html).
  6. Khởi động lại Claude Code và yêu cầu: "Dùng skill vibe-to-agentic-framework để sửa slide giúp tôi".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT