Một tài nguyên toàn diện cho nhà phát triển để sử dụng các thư viện TanStack headless, type-safe và không phụ thuộc framework trong các ứng dụng Web hiện đại.
Cài đặt & Tải xuống
1. ClawHub CLI
Cách nhanh nhất để cài đặt kỹ năng trực tiếp từ thư viện.
npx clawhub@latest install tanstack-libraries
2. Cài đặt Thủ công
Sao chép thư mục kỹ năng vào một trong những vị trí sau
~/.openclaw/skills/ <project>/skills/ Ưu tiên: Không gian làm việc > Cục bộ > Gói sẵn
3. Cài đặt Prompt
Sao chép prompt này vào OpenClaw để tự động cài đặt.
Giúp tôi cài đặt tanstack-libraries bằng Clawhub. Nếu Clawhub chưa
Bạn muốn tải xuống?
Nhận các tệp kỹ năng gốc dưới dạng lưu trữ ZIP.
Kỹ năng TanStack Libraries là gì?
Kỹ năng TanStack Libraries cung cấp một bản thiết kế chi tiết và cơ sở tri thức để sử dụng tập hợp các giải pháp công cụ Web hiệu năng cao của TanStack. Các thư viện này hoàn toàn headless, cho phép các nhà phát triển toàn quyền kiểm soát markup UI và styling trong khi vẫn xử lý được các công việc nặng nề bên dưới như đồng bộ trạng thái, định tuyến, ảo hóa dữ liệu và kết xuất phía máy chủ (SSR).
Được thiết kế với các nguyên tắc nghiêm ngặt về việc không phụ thuộc vào framework, mỗi thư viện tách biệt chức năng cốt lõi thành một công cụ JavaScript độc lập trước khi cung cấp các adapter framework cho React, Vue, Solid, Svelte, Angular và nhiều hơn nữa. Bố cục này cung cấp các hệ thống nhẹ, có thể tree-shake và type-safe giúp loại bỏ sự phụ thuộc vào nhà cung cấp cho các nhóm kỹ thuật hiện đại áp dụng Openclaw Skills.
Trường hợp sử dụng Kỹ năng TanStack Libraries
- Xây dựng các ứng dụng Web có thể mở rộng, hiệu năng cao với kiến trúc UI headless không phụ thuộc.
- Quản lý mượt mà các hoạt động bất đồng bộ, bộ nhớ đệm máy chủ lồng nhau phức tạp và các đột biến lạc quan (optimistic mutations).
- Triển khai SSR full-stack, streaming và định tuyến type-safe bằng cách sử dụng các thiết lập framework tiên tiến.
- Nâng cao quy trình công việc của tác nhân (agent workflows) với các cơ chế tự động khám phá và xuất bản sử dụng các công cụ CLI chuyên dụng.
Cách thức hoạt động của Kỹ năng TanStack Libraries
- Tách biệt cốt lõi: Kiến trúc cách ly logic vận hành bên trong các gói cốt lõi (
@tanstack/query-core,@tanstack/table-core, v.v.). - Kết nối Adapter: Các nhà phát triển ánh xạ chức năng đến các framework cụ thể bằng cách sử dụng các adapter runtime nhẹ và được tối ưu hóa.
- Lan truyền kiểu: TypeScript suy luận cung cấp sự an toàn kiểu sâu từ các mô hình cơ sở dữ liệu đến các loader và trường UI.
- Khám phá khả năng: Openclaw Skills khai thác các tiện ích chuyên dụng như CLI và công cụ Intent để điều phối các công cụ cục bộ và đăng ký các cấu hình hiện đại.
Cài đặt Kỹ năng TanStack Libraries
Để khởi tạo và cấu hình các thư viện TanStack tiêu chuẩn trong hệ sinh thái dự án của bạn, hãy cài đặt adapter framework cụ thể cần thiết cho stack của bạn thông qua trình quản lý gói:
# Cài đặt các adapter framework cốt lõi tùy thuộc vào thư viện bạn chọn
pnpm add @tanstack/react-query
pnpm add @tanstack/react-router
pnpm add @tanstack/react-table
# Để khởi tạo các thiết lập scaffolding hiện đại thông qua CLI
pnpm add -D @tanstack/cli
Lược đồ dữ liệu & Hệ thống phân loại của Kỹ năng TanStack Libraries
Kỹ năng này quản lý thông tin trên bốn lĩnh vực kỹ thuật chính, được cấu trúc như sau:
| Lĩnh vực trưởng thành | Các thư viện đi kèm | Mục tiêu vận hành |
|---|---|---|
| Ổn định (Stable) | Query, Router, Table, Virtual, Config | Các engine công cụ Web trưởng thành, sẵn sàng cho sản xuất |
| RC & Mới | Start, Form | Kiến trúc kết xuất full-stack và ma trận xác thực đầu vào |
| Beta | DB, Pacer, Store | Các lớp lưu trữ client phản ứng và cơ chế giới hạn tốc độ được tối ưu hóa |
| Alpha | AI, Hotkeys, Devtools, CLI, Intent | SDK đa nhà cung cấp cho tác nhân, theo dõi phím tắt và cấu trúc tự động khám phá |
Tính năng Nâng cao của Kỹ năng TanStack Libraries
- Tối ưu hóa Intent Engine: Sử dụng
@tanstack/intentđể xuất bản các kỹ năng tác nhân qua npm với khả năng tự động khám phá gốc và các quy trình phát hiện sự lỗi thời. - Điều phối Full-Stack: Khởi chạy các ứng dụng full-stack tích hợp thông qua TanStack Start với streaming thân thiện với edge và Server Functions.
- DB phản ứng phía Client: Xây dựng các ứng dụng client phức tạp bằng cách sử dụng các chỉ mục Collection cục bộ kết hợp với theo dõi truy vấn trực tiếp và cập nhật lạc quan tự động.
SKILL.md
Đang tải
Các kỹ năng Openclaw liên quan
Trình tạo Prompt Phân cảnh
Một trình tạo được hỗ trợ bởi AI giúp chuyển đổi kịch bản phân cảnh anime tiêu chuẩn thành các prompt song ngữ được tối ưu hóa cao cho nhân vật, cảnh quay và các trình tạo video AI.
Hotcoin Research
Một sự tích hợp API chỉ đọc mạnh mẽ cho dữ liệu hợp đồng tương lai BTC/ETH theo thời gian thực, khám phá token và báo cáo nghiên cứu niêm yết tiền mã hóa cấp tổ chức.
Nhà phát triển MEGAcmd
Một kỹ năng chuyên biệt dành cho nhà phát triển để xây dựng, gỡ lỗi, kiểm thử và đóng góp cho kho lưu trữ MEGAcmd dựa trên C++.
Dakaimen Investing Skill
Một khung lựa chọn cổ phiếu dựa trên chu kỳ giúp xác định các mục tiêu có độ co giãn cao trong các làn sóng kỳ vọng sớm và theo dõi các điểm bước ngoặt hiệu suất.
Trợ lý Tiếp thị Thông minh Ngành Tài chính
Một trợ lý tiếp thị kỹ thuật số được hỗ trợ bởi AI, được xây dựng tùy chỉnh cho các nhóm ngân hàng và chứng khoán để quản lý phân khúc, thiết kế chiến dịch đa kênh, viết bài nội dung nhắm mục tiêu và tối ưu hóa chuyển đổi.
Chuyên Viên Phân Tích Báo Cáo Tài Chính Ngân Hàng
Một skill AI phân tích tài chính tiên tiến được thiết kế để phân tích các báo cáo doanh nghiệp, chạy phân tích DuPont và Altman Z-Score, xác định các dấu hiệu cảnh báo tài chính và tạo báo cáo tín dụng và đầu tư toàn diện.
Đặc sắc*
