🛠️

Claude Skill VUE Development

🥈BẠC
@alexanderop >

Kỹ năng lập trình Vue & TypeScript - Chuẩn hóa kiến trúc và kiểm thử

★ 29,2644,7640Cập nhật 5 tháng trước
Trung cấp⏱ 15 phút triển khaiPhát triển⏱ Tiết kiệm ~50 phút mỗi lần dùng
Hoạt động với:
Claude

Cài đặt nhanh

Terminal
git clone https://github.com/alexanderop/claude-skill-vue-development.git
Xem trên GitHub

Mục lục

🔥

@alexanderop

Cần hỗ trợ?

Chúng tôi xây dựng các kỹ năng và quy trình tự động hóa AI tùy chỉnh cho doanh nghiệp B2B.

Liên hệ ngay →

Đang dùng kỹ năng này?

Khám phá xem các công cụ khác trong hệ thống của bạn kết nối với AI như thế nào.

Tổng quan

Về kỹ năng này

Kỹ năng này huấn luyện các AI Agent viết code Vue 3 chuẩn sản xuất bằng cách áp dụng TypeScript, Composition API hiện đại (defineModel thay vì props thủ công) và kiểm thử hành vi người dùng thông qua Testing Library. Nó thiết lập 12 mẫu code xấu (anti-patterns) làm cảnh báo đỏ, cung cấp tài liệu tham khảo cho các component, composable, định tuyến (routing) và kiểm thử, giúp nâng cao chất lượng code đáng kể trong các dự án thực tế.

Trường hợp sử dụng

🎯

Thu thập tài liệu API

Thu thập tài liệu tham khảo API để đưa vào vector store mở rộng ngữ cảnh cho AI Agent.

🎯

Tự động tạo Schema

Chuyển đổi trang web không cấu trúc thành JSON schema để phục vụ migrate cơ sở dữ liệu.

🎯

Giám sát CI/CD

Thu thập log triển khai và chỉ số build để tự động hóa báo cáo hệ thống.

🎯

Phân tích Codebase

Truy vấn các repository git công khai để xây dựng biểu đồ phụ thuộc và kiểm tra bảo mật.

Phù hợp nhất cho

Lập trìnhPhát triển

Cài đặt & Cấu hình

Cài đặt nhanh

Sao chép lệnh cài đặt bên dưới và chạy trong terminal của bạn.

Terminal
git clone https://github.com/alexanderop/claude-skill-vue-development.git

Cài đặt thay thế (Git Clone)

Terminal
git clone https://github.com/alexanderop/claude-skill-vue-development

Yêu cầu hệ thống

  • ✓ Claude Code hoặc AI Agent tương thích
  • ✓ Hoạt động với: Claude

Hướng dẫn nhanh

1

Cài đặt kỹ năng

Sao chép lệnh cài đặt ở trên và chạy trong terminal của bạn.

2

Mở AI Agent của bạn

Mở Claude Code, Cursor hoặc AI agent lập trình mà bạn muốn sử dụng.

3

Chạy thử

Sử dụng mẫu prompt hoặc ví dụ bên dưới để chạy thử kỹ năng.

4

Tùy biến

Tùy biến cấu hình kỹ năng phù hợp với quy trình làm việc của bạn.

Ví dụ sử dụng

Mẫu Prompt & Hướng dẫn

Hướng dẫn & Kịch bản
Đóng vai trò lập trình viên Vue chuyên nghiệp để viết component hoàn chỉnh kèm mã kiểm thử Unit Test sử dụng Jest và Vue Test Utils.

Công cụ tương thích

Kỹ năng này tương thích hoàn toàn với các trợ lý lập trình AI và môi trường sau:

🤖

Claude Code

Môi trường thực thi gốc

💻

Cursor & Windsurf

Tích hợp Agent biên tập

Máy chủ MCP

Kỹ năng này hỗ trợ Model Context Protocol (MCP), cho phép tích hợp trực tiếp như một dịch vụ MCP mở rộng tính năng cho AI Agent.

# Đăng ký trong cấu hình Claude Desktop của bạn:

{
  "mcpServers": {
    "claude skill vue development": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-claude skill vue development"]
    }
  }
}