webf-async-rendering
✓Comprenez et travaillez avec le modèle de rendu asynchrone de WebF - gérez correctement les événements à l'écran/hors écran et les mesures d'éléments. À utiliser lorsque getBoundingClientRect renvoie des zéros, que les styles calculés sont incorrects, que les mesures échouent ou que les éléments ne sont pas disposés comme prévu.
Installation
SKILL.md
Note: WebF development is nearly identical to web development - you use the same tools (Vite, npm, Vitest), same frameworks (React, Vue, Svelte), and same deployment services (Vercel, Netlify). This skill covers one of the 3 key differences: WebF's async rendering model. The other two differences are API compatibility and routing.
This is the #1 most important concept to understand when moving from browser development to WebF.
In Browsers (Synchronous Layout) When you modify the DOM, the browser immediately performs layout calculations:
Comprenez et travaillez avec le modèle de rendu asynchrone de WebF - gérez correctement les événements à l'écran/hors écran et les mesures d'éléments. À utiliser lorsque getBoundingClientRect renvoie des zéros, que les styles calculés sont incorrects, que les mesures échouent ou que les éléments ne sont pas disposés comme prévu. Source : openwebf/webf.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/openwebf/webf --skill webf-async-rendering- Source
- openwebf/webf
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que webf-async-rendering ?
Comprenez et travaillez avec le modèle de rendu asynchrone de WebF - gérez correctement les événements à l'écran/hors écran et les mesures d'éléments. À utiliser lorsque getBoundingClientRect renvoie des zéros, que les styles calculés sont incorrects, que les mesures échouent ou que les éléments ne sont pas disposés comme prévu. Source : openwebf/webf.
Comment installer webf-async-rendering ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/openwebf/webf --skill webf-async-rendering Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/openwebf/webf
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01