overlastic

Original：🇺🇸 English

Translated

Comprehensive skills for working with Overlastic

6installs

Added on2026-02-04

NPX Install

npx skill4agent add hairyf/skills overlastic

Based on Overlastic v0.8.7. A promise-based modal/dialog/popup library supporting React, Vue, and Svelte.

Topic	Description	Reference
Constructor	Core method for creating overlay constructors	core-constructor
Deferred	Promise variation with external control methods	core-deferred
Global Functions	Utilities for mounting elements and name management	core-defines
useDisclosure	Hook for managing overlay lifecycle and state	core-disclosure

Topic	Description	Reference
React Integration	Using Overlastic with React components	framework-react
Vue Integration	Using Overlastic with Vue 3 components	framework-vue
Svelte Integration	Using Overlastic with Svelte components	framework-svelte

Topic	Description	Reference
Provider Pattern	Using OverlaysProvider for context inheritance	advanced-provider
Custom Components	Integrating existing component libraries	advanced-customization
External Control	Controlling overlay lifecycle from outside	advanced-external-control
Declarative Usage	Using overlays in templates/JSX	advanced-declarative

Constructor: Receives component, props, and options to mount overlays
Deferred: Promise-like object with
```
confirm
```
and
```
cancel
```
methods for external control
Mount Options: Configuration for container, ID, index, and deferred instance
Lifecycle: Components are destroyed after
```
duration
```
ends when deferred resolves/rejects
Imperative Usage:
```
defineOverlay
```
and
```
renderOverlay
```
for callback-based invocation
Declarative Usage: Components can be used in templates/JSX with props
Provider Pattern:
```
OverlaysProvider
```
for context inheritance
Dual Mode Support: Components work in both imperative and declarative modes