...
npx skills add https://github.com/maurodf0/anime-tracker --skill webf-async-rendering
Please help me install this Agent Skill. Skill: webf-async-rendering Source: https://github.com/maurodf0/anime-tracker/tree/main/.claude/skills/webf-async-rendering Command: npx skills add https://github.com/maurodf0/anime-tracker --skill webf-async-rendering
WebF's asynchronous rendering batches DOM changes, causing element measurements to return zeros or stale values if read before layout. This Skill teaches you to wait for the onscreen lifecycle before reading layout data, ensuring accurate dimensions and computed styles.
Create or select an element, append it to the DOM, and attach a one-time onscreen listener; once fired, read dimensions and proceed with layout-dependent logic. In React, adopt useFlutterAttached to run a callback after the element has been laid out.
High-intent search queries and answers about installing and using this skill.
WebF's asynchronous rendering batches DOM changes, causing element measurements to return zeros or stale values if read before layout completes. You must wait for the onscreen lifecycle event before reading layout data to ensure accurate dimensions.
To get accurate getBoundingClientRect measurements in WebF, append the element to the DOM and attach a one-time onscreen listener. Once the onscreen event fires, read the dimensions and proceed with your layout-dependent logic.
Yes, you can use the useFlutterAttached React hook to run code after WebF layout completes. This ensures safe reads of computed styles and dimensions by executing callbacks only after the element has been fully laid out.
You should use offscreen events in WebF for cleanup when elements are removed from the DOM. Handling the offscreen lifecycle releases resources properly after your dynamic content or tooltips have finished rendering.
Yes, WebF async rendering is ideal for measuring dynamic content, tooltips, and complex layouts that render in batches. Waiting for onscreen and offscreen events ensures accurate post-layout measurements for these widgets.
VIDLGMeasure WebF element dimensions using onscreen events and the useFlutterAttached hook.
ElPootAudit quarantine and purge reversibility for duplicated comprobantes, ORS, and receptor flows.
spqwIntegrate React and JSX into Observable Framework projects.
VIDLGCheck Web API and CSS feature compatibility in the WebF runtime.
