Skills Supabase

Trả lời các câu hỏi về ứng dụng tài liệu Supabase (apps/docs) bằng cách sử dụng kiến trúc được ghi chép, quy trình build và các ghi chú về mẫu đánh giá, đồng thời áp dụng thiết kế tính năng…

Write, review, and migrate Supabase logs queries against the ClickHouse-backed `logs` table (the `logs.all.otel` analytics endpoint). Use this whenever a task…

Viết hoặc kiểm tra nội dung UI (nút bấm, nhãn, trạng thái trống, thông báo lỗi, chú giải công cụ, văn bản biểu mẫu) ở bất kỳ đâu trong monorepo. Tải nó trước khi phát hành hoặc xem xét bất kỳ…

Quy tắc an toàn cho thanh công cụ dev, PostHog client và cờ tính năng. Sử dụng khi viết hoặc xem xét bất kỳ thay đổi nào đối với packages/dev-tools/,…

Sử dụng khi xem xét các PR liên quan đến packages/dev-tools/, packages/common/posthog-client.ts,

Viết, chỉnh sửa, sắp xếp và xem lại nội dung Supabase ở bất kỳ đâu trong apps/docs — hướng dẫn, bài giải thích, bài hướng dẫn, mục xử lý sự cố, tài liệu tham khảo, và…

Chạy các bài kiểm tra e2e trong ứng dụng Studio. Sử dụng khi được yêu cầu chạy kiểm tra e2e, chạy kiểm tra studio, kiểm tra playwright, hoặc kiểm tra tính năng.

Hỗ trợ ra quyết định Docs-PM cho quy trình biên soạn "Write the docs" — đưa ra các quyết định về đối tượng, giai đoạn và phạm vi xuyên suốt trong các giai đoạn Frame và Shape,…

Tối ưu hóa hiệu suất Postgres và các phương pháp hay nhất từ Supabase. Sử dụng kỹ năng này khi viết, xem xét hoặc tối ưu hóa các truy vấn Postgres, thiết kế lược đồ hoặc cấu hình cơ sở dữ liệu.

Sử dụng React Hook Form đúng cách ở bất kỳ đâu trong monorepo — luồng dữ liệu, đăng ký, reset, trạng thái dirty, input số và quy tắc input có kiểm soát. Tải cái này…

Xem lại các thay đổi tài liệu Supabase cục bộ trong ~/GitHub/supabase/supabase — hoặc một PR đang mở (phân loại, phân nhóm, xác minh) hoặc nhánh của bạn trước khi mở PR (cục bộ…

Sử dụng bất cứ khi nào mã sẽ xây dựng, trả về, tìm nạp hoặc thực thi SQL chạy trên cơ sở dữ liệu Postgres thực của người dùng — ngay cả khi yêu cầu có vẻ như một yêu cầu thông thường…

Thực thi an toàn các truy vấn SQL trên cơ sở dữ liệu người dùng mà không gây rủi ro về SQL injection hoặc các lỗ hổng bảo mật khác.

Hướng dẫn toàn diện để tạo các kỹ năng mô-đun nhằm mở rộng khả năng của Claude với kiến thức chuyên môn và quy trình làm việc. Kỹ năng bao gồm tệp SKILL.md bắt buộc với frontmatter YAML và hướng dẫn markdown, cùng các tài nguyên tùy chọn (script, tài liệu tham khảo, nội dung) được tổ chức theo mục đích và tải dần để tiết kiệm ngữ cảnh. Thiết kế kỹ năng xoay quanh các ví dụ sử dụng cụ thể; xác định các script có thể tái sử dụng cho các tác vụ xác định, tệp tham khảo cho kiến thức miền, và nội dung cho...

Các phương pháp hay nhất về React và TypeScript cho Supabase Studio. Sử dụng khi viết hoặc xem xét các thành phần Studio — bao gồm đặt tên boolean, cấu trúc thành phần,…

Các phương pháp hay nhất về React và TypeScript cho Supabase Studio. Sử dụng khi viết

Viết và chạy các bài kiểm tra E2E Playwright cho Supabase Studio. Sử dụng khi được yêu cầu.

Viết và chạy các bài kiểm tra Playwright E2E cho Supabase Studio (e2e/studio). Sử dụng khi được yêu cầu chạy các bài kiểm tra e2e, viết các bài kiểm tra E2E mới, hoặc gỡ lỗi các bài kiểm tra Playwright không ổn định hoặc thất bại…

Mẫu hiển thị lỗi và xử lý sự cố cho Supabase Studio. Sử dụng khi hiển thị yêu cầu API thất bại hoặc lỗi truy vấn trong giao diện người dùng (AlertError, toast, inline…

Mẫu hiển thị lỗi và khắc phục sự cố cho Supabase Studio. Sử dụng khi

Các bài kiểm tra thành phần cho Supabase Studio mô phỏng các yêu cầu API ở lớp mạng bằng MSW. Sử dụng khi viết hoặc xem xét một bài kiểm tra thành phần thao tác với một React…

Các bài kiểm tra thành phần cho Supabase Studio mô phỏng các yêu cầu API ở lớp mạng với MSW. Sử dụng khi viết hoặc xem xét một bài kiểm tra thành phần thực thi một React…

React Query quy ước cho việc lấy dữ liệu trong Supabase Studio. Sử dụng khi viết hoặc xem xét query hooks, mutation hooks, hoặc query keys trong apps/studio/data/ —…

Các quy ước React Query để lấy dữ liệu trong Supabase Studio. Sử dụng khi

Chiến lược kiểm thử cho Supabase Studio. Sử dụng khi viết bài kiểm thử, quyết định xem một thay đổi có cần kiểm thử hay không và loại nào, tách logic từ các thành phần vào…

Chiến lược kiểm thử cho Supabase Studio. Sử dụng khi viết bài kiểm thử, quyết định những gì

Các mẫu UI của hệ thống thiết kế cho Supabase Studio. Sử dụng khi xây dựng hoặc cập nhật trang, biểu mẫu, bảng, biểu đồ, trạng thái trống, điều hướng, thẻ, cảnh báo hoặc bên…

Các mẫu UI hệ thống thiết kế cho Supabase Studio. Sử dụng khi xây dựng hoặc cập nhật

Sử dụng khi thực hiện BẤT KỲ tác vụ nào liên quan đến Supabase. Kích hoạt: các sản phẩm Supabase (Cơ sở dữ liệu, Xác thực, Hàm biên, Thời gian thực, Lưu trữ, Vectơ, Cron, Hàng đợi); máy khách…

Sử dụng khi viết mã phía máy chủ với Supabase — Edge Functions, ứng dụng Hono, trình xử lý webhook hoặc bất kỳ backend nào cần xác thực Supabase và tạo máy khách.

Tiêu chuẩn theo dõi sự kiện PostHog cho Supabase Studio. Sử dụng khi thêm các lệnh gọi useTrack(), định nghĩa sự kiện trong packages/common/telemetry-constants.ts, triển khai…

Tiêu chuẩn theo dõi sự kiện PostHog cho Supabase Studio. Sử dụng khi xem xét

use-static-effect-event — kỹ năng có thể cài đặt cho tác nhân AI, được phát hành bởi supabase/supabase.

Các mẫu composition trong React có khả năng mở rộng. Sử dụng khi tái cấu trúc các component có quá nhiều boolean prop, xây dựng thư viện component linh hoạt, hoặc thiết kế…

Các mẫu kết hợp React có khả năng mở rộng. Sử dụng khi tái cấu trúc các thành phần với

Khung kiểm thử đơn vị nhanh Vitest được hỗ trợ bởi Vite với API tương thích Jest. Sử dụng khi viết kiểm thử, giả lập, cấu hình phủ mã, hoặc làm việc với kiểm thử…

Vitest API and config reference (Jest-compatible) — mocking with vi.*, spies, fake timers, coverage configuration, fixtures, snapshots, and test filtering. Use…

Soạn thảo nội dung tài liệu Supabase mới hoặc cập nhật cho một tính năng hoặc bản phát hành, dựa trên Linear (ticket cùng bối cảnh sản phẩm/PM của nó), đọc mã nguồn thực tế, và…