Toolverse
Wszystkie skille

raycast-extensions

autor: openclaw

Twórz rozszerzenia Raycast z React i TypeScript, korzystając z pełnego API platformy

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend

O skillu

Umiejętność do budowania i utrzymywania rozszerzeń Raycast przy użyciu oficjalnego API. Obsługuje kluczowe komponenty interfejsu (List, Grid, Detail, Form), integrację AI, przechowywanie danych (Cache, LocalStorage) oraz powiadomienia (showToast). Zawiera referencje API i wzorce implementacji dla szybkiego prototypowania funkcji opartych na React i TypeScript.

Jak używać

  1. Zainstaluj umiejętność w swoim środowisku agenta, upewniając się, że masz dostęp do repozytorium z plikami referencyjnymi w katalogu references/api/.

  2. Zidentyfikuj typ interfejsu, który potrzebujesz: List dla danych tekstowych, Grid dla danych obrazkowych, Detail dla bogatej zawartości markdown, lub Form dla formularzy interaktywnych.

  3. Otwórz odpowiedni plik referencyjny z katalogu references/api/ (np. references/api/list.md dla List) i przeczytaj specyfikację komponentu oraz dostępne właściwości.

  4. Wybierz odpowiedni wzorzec z sekcji Cookbook Patterns: List & Grid dla interfejsów przeszukiwalnych, Detail dla wyświetlania bogatej zawartości, lub Form dla zbierania danych od użytkownika.

  5. Implementuj rozszerzenie, stosując się do wytycznych: używaj showToast dla powiadomień o stanie (Loading, Success, Failure), Cache dla danych przejściowych, LocalStorage dla danych trwałych, i zawsze sprawdzaj uprawnienia za pomocą environment.canAccess() przed dostępem do AI lub BrowserExtension.

  6. Powołaj się na konkretny plik referencyjny z references/api/, który wykorzystałeś, aby ułatwić weryfikację i przyszłe utrzymanie kodu.

Podobne skille