design-uiПроверки: пройдено 3

tailwind

Настройка и использование Tailwind CSS v4 в композициях HyperFrames с поддержкой браузерного рантайма.

Суть

Что это за skill и зачем он нужен

Данный навык обеспечивает интеграцию Tailwind CSS v4 в проекты HyperFrames. Он настроен для использования `@tailwindcss/browser@4.2.4`, поддерживает CSS-first подход через блоки `text/tailwindcss` и гарантирует детерминированный рендеринг за счет ожидания события `window.__tailwindReady` перед началом захвата кадров.

Установка

Как установить

npx skills add https://github.com/heygen-com/hyperframes --skill tailwind

Сценарии

Когда использовать

Подходит

Использование Tailwind CSS в композициях HyperFrames.
Необходимость настройки тем через CSS-переменные (`@theme`).
Миграция стилей с Tailwind v3 на v4 в рамках браузерного окружения.
Отладка отсутствующих стилей при рендеринге.
Работа с проектами, созданными через `hyperframes init --tailwind`.

Не подходит

Проекты в `packages/studio`, где по-прежнему используется Tailwind v3 и PostCSS.
Если вам требуется поддержка старых браузеров (Tailwind v4 ориентирован на современные).
Если вы планируете использовать динамически собираемые классы во время выполнения (лучше использовать полные статические токены).

Доверие

Проверки безопасности

Gen Agent Trust HubПройдено

Проверка не нашла критичных проблем.

SnykПройдено

Низкий риск · проблем не найдено.

SocketПройдено

Предупреждений нет.

Похожие