Overlastic — promise-based overlays for React, Vue and Svelte
Patterns de modals, dialogs et popups pour Overlastic — promesses différées avec confirm/cancel externes, usage impératif et déclaratif, contexte OverlaysProvider et guides d'intégration par framework
- Quoi
- Patterns de modals, dialogs et popups pour Overlastic — promesses différées avec confirm/cancel externes, usage impératif et déclaratif, contexte OverlaysProvider et guides d'intégration par framework
- Coût
- Gratuit
- Prérequis
- un projet basé sur Overlastic (React, Vue ou Svelte) que l'agent peut lire et sur lequel travailler — le skill est une guidance de librairie, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill Overlastic de @hairyf : guidance complète pour la propre librairie de modals/dialogs/popups de l'auteur (Overlastic v0.8.7). Apprend à l'agent les concepts clés — constructeurs d'overlay recevant composant/props/options, Deferred (variante de promesse avec contrôle externe `confirm`/`cancel`), options de montage, cycle de vie (composants détruits après résolution/rejet du deferred), et usage double impératif/déclaratif — plus des références spécifiques par framework pour React, Vue et Svelte, des patterns avancés (héritage de contexte OverlaysProvider, intégration de librairies de composants existantes, contrôle externe du cycle de vie, usage déclaratif JSX/template) et des docs `references/*.md` par sujet. Bémols honnêtes : spécifique à la librairie — l'agent a besoin d'un projet basé sur Overlastic pour l'appliquer ; basé sur la documentation interne de la librairie, donc à recouper avec la librairie publiée pour les versions plus récentes. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet basé sur Overlastic (React, Vue ou Svelte) que l'agent peut lire et sur lequel travailler — le skill est une guidance de librairie, pas un logiciel à installer Installe-moi « Overlastic — overlays basées sur promesses pour React, Vue et Svelte ». Il donne à mon agent la guidance Overlastic de @hairyf : constructeurs d'overlay (composant, props, options), promesses Deferred avec confirm/cancel externes, options de montage, règles de cycle de vie, usage impératif (defineOverlay/renderOverlay) et déclaratif, héritage de contexte OverlaysProvider, intégration de composants custom, contrôle externe du cycle de vie — plus des références spécifiques par framework pour React, Vue et Svelte et des docs references/*.md ciblées par sujet. Basé sur la documentation interne d'Overlastic v0.8.7. Licence MIT. Dépôt : https://github.com/hairyf/skills/blob/main/skills/overlastic/SKILL.md 1. Récupère le fichier SKILL.md (et le dossier references/) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les références pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « overlastic ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. pointer l'agent vers mon projet basé sur Overlastic ; rien d'autre — c'est une guidance de librairie). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.