Toolverse
All skills

raycast-extensions

by openclaw

Build and maintain Raycast extensions using the Raycast API. Triggers on @raycast/api, List, Grid, Detail, Form, AI.ask, LocalStorage, Cache, showToast, and BrowserExtension. Use this repo's references/api/*.md files as the primary source of truth for component specs and API

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
openclaw
Category
Frontend

About this skill

Build and maintain Raycast extensions using the Raycast API. Triggers on @raycast/api, List, Grid, Detail, Form, AI.ask, LocalStorage, Cache, showToast, and BrowserExtension. Use this repo's references/api/*.md files as the primary source of truth for component specs and API usage.

How to use

  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.

Related skills

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126