Toolverse
All skills

gpui-global

by longbridge

Global state management in GPUI. Use when implementing global state, app-wide configuration, or shared resources.

Installation

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

Installation

Quick info

Category
Frontend
Views
26

About this skill

Global state management in GPUI. Use when implementing global state, app-wide configuration, or shared resources.

How to use

  1. Zainstaluj skill w swoim projekcie GPUI, dodając go do katalogu .claude/skills/ lub importując z repozytorium longbridge.

  2. Zdefiniuj strukturę stanu globalnego, na przykład AppSettings lub AppConfig, i dodaj do niej implementację traitu Global — struktura musi być klonowalna (pochodna Clone).

  3. W funkcji main lub podczas inicjalizacji aplikacji ustaw globalny stan za pomocą cx.set_global(), przekazując instancję swojej struktury — na przykład cx.set_global(AppSettings { theme: Theme::Dark, language: "en".to_string() }).

  4. Odczytaj stan globalny z dowolnego komponentu lub kontekstu za pomocą cx.global::<AppSettings>() — zwraca referencję do przechowywanych danych.

  5. Aby zmienić stan globalny, użyj cx.update_global::<AppSettings, _>(|settings, cx| { settings.theme = new_theme; }) wewnątrz metody komponentu — pamiętaj, że aktualizacje globalne nie wyzwalają automatycznie powiadomień, więc ręcznie wywołaj cx.notify() na komponentach, które powinny się przerenderować.

  6. Zastosuj skill do typowych scenariuszy: konfiguracja API (endpoint, timeout, liczba prób), flagi funkcji (włączanie/wyłączanie funkcji beta) lub ustawienia użytkownika (motyw, język, preferencje).

Related skills

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170

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

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

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

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

keyword-research

by openclaw

Discovers high-value keywords with search intent analysis, difficulty assessment, and content opportunity mapping. Essential for starting any SEO or GEO content strategy.

Frontend
24138