angular-ui-patterns – skill Thiết kế & UI cho agent AI
Các mẫu UI Angular hiện đại cho trạng thái loading, xử lý lỗi và hiển thị dữ liệu. Dùng khi xây dựng component UI, xử lý dữ liệu bất đồng bộ, hoặc quản lý trạng thái component.
Cài skill angular-ui-patterns bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/angular-ui-patterns-6a86f.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /angular-ui-patterns – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/angular-ui-patterns-6a86f.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $angular-ui-patterns – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/angular-ui-patterns-6a86f.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /angular-ui-patterns – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/angular-ui-patterns-6a86f.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /angular-ui-patterns – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
Angular UI Patterns
Detailed Guide
Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use
This skill is applicable to execute the workflow or actions described in the overview.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Skill liên quan
- animejs-animation – Kỹ năng thư viện hoạt ảnh JavaScript nâng cao, dùng để tạo hoạt ảnh web phức tạp và hiệu…
- anti-slop-design – Principal Design Technologist tự chủ. Chữa phần mềm vibe-coded khỏi tình trạng AI…
- anti-ui-slop – Ngăn các coding agent tạo ra giao diện chung chung. Mở rộng design system của sản phẩm…
- antigravity-design-expert – Kỹ năng cốt lõi về kỹ thuật UI/UX để xây dựng giao diện web tương tác cao, mang tính…
- experimental-design – Thiết kế thí nghiệm và nghiên cứu TRƯỚC KHI thu thập dữ liệu — chọn thiết kế, ngẫu nhiên…
- api-and-interface-design – Hướng dẫn thiết kế API và giao diện ổn định. Dùng khi thiết kế API, ranh giới module…
- design-system-patterns – Xây dựng design system có khả năng mở rộng với design token, hạ tầng theming và kiến…
- baoyu-xhs-images – Tạo chuỗi thẻ hình ảnh infographic với 12 phong cách trực quan, 8 bố cục và 3 bảng màu…