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

Trình tạo ứng dụng Angular mới

Kỹ năng dùng Angular CLI để khởi tạo ứng dụng Angular mới theo chuẩn hiện đại và hướng dẫn sinh code tiếp theo.

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

Làm được gì

  • Kiểm tra xem ng (Angular CLI) đã có chưa, nếu chưa thì đề nghị cài toàn cục bằng npm install -g @angular/cli.
  • Tạo app bằng npx ng new <tên-app> --interactive=false --ai-config=... kèm các cờ phù hợp: --style, --routing, --ssr, --prefix.
  • Đọc file cấu hình AI được sinh ra để code sau này bám theo best practice của Angular.
  • Bắt buộc dùng ng generate cho component, service, pipe, directive, guard, interceptor, resolver...
  • Thêm Tailwind chỉ với npx ng add tailwindcss.

Phù hợp với ai

  • Lập trình viên frontend bắt đầu dự án Angular mới.
  • Người dùng Claude Code muốn cấu trúc thư mục Angular luôn đúng chuẩn.
  • Team lead muốn chuẩn hóa bước khởi tạo dự án Angular.

Ví dụ sử dụng

  1. "Tạo app Angular có SSR và SCSS" → chạy npx ng new my-app --ssr --style=scss --routing --interactive=false.
  2. "Thêm component danh sách người dùng và guard xác thực" → ng generate component user-list, ng generate guard auth rồi bổ sung logic.
  3. "Cài Tailwind cho dự án" → npx ng add tailwindcss và dùng class tiện ích ngay.

· · · 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-new-app/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-new-app từ repo GitHub aiskillstore/marketplace vào ~/.claude/skills/angular-new-app/ 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 && mkdir -p ~/.claude/skills && cp -r marketplace/pending/angular/angular-new-app ~/.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/aiskillstore/marketplace.git
  3. Tạo thư mục kỹ năng: mkdir -p ~/.claude/skills
  4. Sao chép kỹ năng: cp -r marketplace/pending/angular/angular-new-app ~/.claude/skills/
  5. Kiểm tra Node.js và npm: node -v, npm -v
  6. Khởi động lại Claude Code và thử yêu cầu "tạo ứng dụng Angular mới".
Xem mã nguồn trên GitHub ↗