Overlastic — promise-based overlays for React, Vue and Svelte
Modal, dialog and popup patterns for Overlastic — deferred promises with external confirm/cancel, imperative and declarative usage, OverlaysProvider context, and per-framework integration guides
- What
- Modal, dialog and popup patterns for Overlastic — deferred promises with external confirm/cancel, imperative and declarative usage, OverlaysProvider context, and per-framework integration guides
- Cost
- Free
- Needs
- an Overlastic-based project (React, Vue or Svelte) the agent can read and work on — the skill is library guidance, not software to install
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — @hairyf's Overlastic skill: comprehensive guidance for the author's own promise-based modal/dialog/popup library (Overlastic v0.8.7). Teaches the agent the key concepts — overlay constructors receiving component/props/options, Deferred (a promise variant with external `confirm`/`cancel` control), mount options, lifecycle (components destroyed after the deferred resolves/rejects), and dual imperative/declarative usage — plus framework-specific references for React, Vue and Svelte, advanced patterns (OverlaysProvider context inheritance, integrating existing component libraries, external lifecycle control, declarative JSX/template usage) and per-topic `references/*.md` docs. Honest caveats: library-specific — the agent needs an Overlastic-based project to apply it to; based on the library's internal documentation, so cross-check against the published library for newer versions. MIT licensed. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh.
Version:
Install
Prerequisites: an Overlastic-based project (React, Vue or Svelte) the agent can read and work on — the skill is library guidance, not software to install Install "Overlastic — promise-based overlays for React, Vue and Svelte" for me. It gives my agent @hairyf's Overlastic guidance: overlay constructors (component, props, options), Deferred promises with external confirm/cancel, mount options, lifecycle rules, imperative (defineOverlay/renderOverlay) and declarative usage, OverlaysProvider context inheritance, custom-component integration, external lifecycle control — plus framework-specific references for React, Vue and Svelte and focused references/*.md docs per topic. Based on Overlastic v0.8.7's internal documentation. MIT-licensed. Repository: https://github.com/hairyf/skills/blob/main/skills/overlastic/SKILL.md 1. Fetch the SKILL.md file (and the references/ folder) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and references for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "overlastic". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. point the agent at my Overlastic-based project; nothing else — it's library guidance). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.