·webf-async-rendering
</>

webf-async-rendering

Понимать и работать с моделью асинхронного рендеринга WebF — правильно обрабатывать экранные и закадровые события и измерения элементов. Используйте, когда getBoundingClientRect возвращает нули, вычисленные стили неверны, измерения не выполняются или элементы располагаются не так, как ожидалось.

12Установки·0Тренд·@openwebf

Установка

$npx skills add https://github.com/openwebf/webf --skill webf-async-rendering

Как установить webf-async-rendering

Быстро установите AI-навык webf-async-rendering в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/openwebf/webf --skill webf-async-rendering
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: openwebf/webf.

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:

Понимать и работать с моделью асинхронного рендеринга WebF — правильно обрабатывать экранные и закадровые события и измерения элементов. Используйте, когда getBoundingClientRect возвращает нули, вычисленные стили неверны, измерения не выполняются или элементы располагаются не так, как ожидалось. Источник: openwebf/webf.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/openwebf/webf --skill webf-async-rendering
Источник
openwebf/webf
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from openwebf/webf

Короткие ответы

Что такое webf-async-rendering?

Понимать и работать с моделью асинхронного рендеринга WebF — правильно обрабатывать экранные и закадровые события и измерения элементов. Используйте, когда getBoundingClientRect возвращает нули, вычисленные стили неверны, измерения не выполняются или элементы располагаются не так, как ожидалось. Источник: openwebf/webf.

Как установить webf-async-rendering?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/openwebf/webf --skill webf-async-rendering После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/openwebf/webf

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01