Loading...
Loading...
Found 12 Skills
Svelte 5 - Reactive UI framework with compiler magic, Runes API, SvelteKit full-stack framework, SSR/SSG, minimal JavaScript
Build Grafana plugin pages using the @grafana/scenes framework. Use this skill when creating new scene pages, adding panels/visualizations, setting up drilldown navigation, defining variables, configuring query runners, building table/timeseries/stat panels, or extending SceneObjectBase for custom scene objects. Triggers on any work involving SceneApp, SceneAppPage, EmbeddedScene, SceneQueryRunner, SceneDataTransformer, PanelBuilders, SceneFlexLayout, QueryVariable, or drilldown/tab configuration in Grafana plugins.
Livewire 3 reactive components - wire:model, actions, events, Volt, Folio. Use when building reactive UI without JavaScript.
Kuikly Reactive Update and Directive System Development Assistant (Kuikly DSL). Guides on how to implement UI reactive updates using observable, observableList, observableSet, and the correct usage of directives such as vfor, vforIndex, vforLazy, vif, velseif, velse, vbind. Use this when you need to handle the following scenarios in Kuikly: (1) Declare reactive fields and bind them to UI attributes (2) List rendering (vfor/vforIndex/vforLazy) (3) Conditional rendering (vif/velseif/velse) (4) Value binding rendering (vbind) (5) Efficient list updates (diffUpdate) (6) Troubleshooting issues like reactive data not taking effect or UI not updating (7) CRUD operations on observableList/observableSet (8) Reactive update strategies for complex objects
Best practices for developing tools, dashboards and interactive data apps with HoloViz Panel. Create reactive, component-based UIs with widgets, layouts, templates, and real-time updates. Use when developing interactive data exploration tools, dashboards, data apps, or any interactive Python web application. Supports file uploads, streaming data, multi-page apps, and integration with HoloViews, hvPlot, Pandas, Polars, DuckDB and the rest of the HoloViz and PyData ecosystems.
SwiftUI framework concepts including property wrappers, state management, and reactive UI patterns.
This skill should be used when the user asks to "add Alpine.js", "create Alpine component", "use Alpine directives", "build interactive UI with Alpine", or needs guidance on Alpine.js development patterns and best practices.
Develops reactive UI components using KnockoutJS for Magento 2. Use when working with UI components, implementing MVVM patterns, or building interactive frontend features. Masters observable patterns, data binding, and custom bindings.
State management in Angular 17+ using Signals and RxJS. Covers signals APIs, RxJS boundaries, and immutable state.
Learn how to build dynamic Flutter UIs by directly using streams within your widget's build method, enabling reactive screen updates and more efficient data handling.
SolidJS reactive UI library. Covers signals, effects, and fine-grained reactivity. USE WHEN: user mentions "SolidJS", "Solid", "createSignal", "createEffect", "createMemo", "fine-grained reactivity", asks about "Solid patterns", "reactive primitives" DO NOT USE FOR: React - use `frontend-react` (different API despite similar JSX), Vue - use `vue-composition`, Svelte - use `svelte`, Angular - use `angular`
SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or troubleshooting Solid-specific reactivity patterns.