Toolverse
All skills

gpui-context

by longbridge

Context management in GPUI including App, Window, and AsyncApp. Use when working with contexts, entity updates, or window operations. Different context types provide different capabilities for UI rendering, entity management, and async operations.

Installation

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

Installation

Quick info

Category
Mobile
Views
2

About this skill

Context management in GPUI including App, Window, and AsyncApp. Use when working with contexts, entity updates, or window operations. Different context types provide different capabilities for UI rendering, entity management, and async operations.

How to use

  1. Zainstaluj skill gpui-context z repozytorium longbridge w swoim projekcie Claude/Copilot, dodając go do konfiguracji agenta lub środowiska deweloperskiego.
  2. Zidentyfikuj typ kontekstu, który potrzebujesz: App dla globalnego stanu i tworzenia encji, Window dla operacji okna i renderowania, Context dla stanu komponentu, lub AsyncApp dla zadań asynchronicznych.
  3. W metodzie update komponentu użyj Context aby modyfikować stan — wywołaj cx.notify() aby wyzwolić re-render, lub cx.entity() aby uzyskać bieżącą encję.
  4. Dla operacji asynchronicznych użyj cx.spawn() wewnątrz kontekstu komponentu, przekazując async blok, a następnie detach() aby uruchomić zadanie w tle.
  5. W funkcji render() komponentu otrzymujesz dostęp do Window — użyj window.is_window_focused() i window.bounds() do sprawdzenia stanu okna i jego wymiarów.
  6. W głównej funkcji aplikacji użyj App kontekstu aby tworzyć encje za pomocą cx.new() i otwierać okna za pomocą cx.open_window(), przekazując opcje okna i callback renderujący zawartość.

Related skills

openscad

by mitsuhiko

Create and render OpenSCAD 3D models. Generate preview images from multiple angles, extract customizable parameters, validate syntax, and export STL files for 3D printing platforms like MakerWorld.

Mobile
4291

vercel-react-native-skills

by vercel-labs

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or

Mobile
1745

analyzing-financial-statements

by anthropics

This skill calculates key financial ratios and metrics from financial statement data for investment analysis

Mobile
16113

create-plan

by antinomyhq

Generate detailed implementation plans for complex tasks. Creates comprehensive strategic plans in Markdown format with objectives, step-by-step implementation tasks using checkbox format, verification criteria, risk assessments, and alternative approaches. Use when users need

Mobile
13108

flutter-development

by aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

Mobile
1,1601,122

claude-mobile-ios-testing

by krzemienski

Use when testing iOS apps on simulator, capturing screenshots for validation gates, automating UI testing with expo-mcp and xc-mcp, or verifying visual correctness - combines expo-mcp autonomous testing (React Native level) with xc-mcp simulator management (iOS level)

Mobile
15111