Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Angular Developer

Kỹ năng sinh mã Angular theo best practice chính thức: từ tạo dự án đến signals, forms, routing và testing.

Lập trìnhTrung cấp★ 429⑂ 45Điểm AI 9/10Cập nhật lần cuối: 22 thg 9, 2026

Làm được gì

  • Luôn kiểm tra phiên bản Angular của dự án trước khi đưa ra hướng dẫn, tránh dùng API không tồn tại.
  • Quy tắc rõ ràng cho ng new: phiên bản chỉ định → npx @angular/cli@<version>, đã cài sẵn → ng new, chưa cài → npx @angular/cli@latest.
  • Hướng dẫn theo chủ đề: component, signals (computed, linkedSignal, resource), HttpClient/httpResource, Signal Forms & Reactive Forms, Dependency Injection, pipes, routing & guards, Angular Aria, Tailwind, animation, testing (Vitest, harness, E2E), CLI và migration.
  • Bắt buộc chạy ng build sau khi sinh mã để bắt lỗi biên dịch.

Phù hợp với ai

  • Lập trình viên frontend làm việc với Angular hằng ngày.
  • Đội nhóm đang nâng cấp lên Angular v20+/v22 với quy ước đặt tên và Signal Forms mới.
  • Người muốn Claude Code tự scaffold component/service đúng chuẩn.

Ví dụ sử dụng

  • "Tạo dự án Angular mới kèm form đăng nhập" → chọn lệnh ng new phù hợp, dùng Signal Forms, kiểm tra bằng ng build.
  • "Chuyển component này sang dùng signals" → refactor theo tài liệu signals-overview và linked-signal.
  • "Thêm lazy loading và route guard cho khu vực admin" → cấu hình route, CanMatch, resolver và test bằng RouterTestingHarness.

· · · 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/aiskillstore/marketplace/HEAD/pending/angular/angular-developer/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 Claude Skill Mart.
Copy thư mục pending/angular/angular-developer từ repo GitHub aiskillstore/marketplace vào ~/.claude/skills/angular-developer/ 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/aiskillstore/marketplace.git /tmp/aiskillstore && mkdir -p ~/.claude/skills && cp -r /tmp/aiskillstore/pending/angular/angular-developer ~/.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. Clone kho: git clone https://github.com/aiskillstore/marketplace.git /tmp/aiskillstore
  3. Tạo thư mục kỹ năng: mkdir -p ~/.claude/skills
  4. Sao chép nguyên thư mục (gồm references/): cp -r /tmp/aiskillstore/pending/angular/angular-developer ~/.claude/skills/
  5. Kiểm tra: ls ~/.claude/skills/angular-developer/references
  6. Khởi động lại Claude Code rồi yêu cầu ví dụ "tạo service Angular gọi API".
  7. Đảm bảo máy đã có Node.js (và Angular CLI nếu muốn dùng lệnh ng cục bộ).
Xem mã nguồn trên GitHub ↗