📦

tailwind

Name: tailwind
Author: heygen-com

Ревизия содержимого r1 Безопасно ⚙️ Внешние команды🌐 Доступ к сети

Создание сцен Tailwind v4 HyperFrames

Проекты Tailwind v4 с browser-runtime могут давать сбои, когда команды применяют старые шаблоны v3. Этот навык дает Claude, Codex и Claude Code точные рекомендации по HyperFrames для стабильной стилизации.

Поддерживает: Claude Codex Code(CC)

🥉 79 Бронза

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "tailwind" from https://skillstore.io/skills/heygen-com-tailwind.md and its manifest at https://skillstore.io/api/skills/heygen-com-tailwind/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/heygen-com-tailwind.md Подписанный manifest GET /api/skills/heygen-com-tailwind/manifest Подписанный lockfile GET /api/skills/heygen-com-tailwind/lockfile

Протестировать

Использование «tailwind». В сцене HyperFrames пользовательские цвета находятся в файле конфигурации Tailwind.

Ожидаемый результат:

Навык рекомендует перенести пользовательские токены в блок темы Tailwind v4 CSS-first для композиций с browser-runtime.

Использование «tailwind». В preview у рендера есть стили, но на нулевом кадре стили отсутствуют.

Ожидаемый результат:

Навык проверяет готовность Tailwind, видимые токены классов и шаги валидации, прежде чем рекомендовать проверочный рендер.

Использование «tailwind». Композиция собирает имена классов из переменных во время анимации.

Ожидаемый результат:

Навык рекомендует полные токены классов, data attributes или явный CSS, чтобы Tailwind мог сгенерировать стили до захвата.

Аудит безопасности

Безопасно

v4 • 06.07.2026 Открыть версионный отчет

The static findings are false positives caused by Markdown inline code, code fences, Tailwind documentation links, and CSS wording. I found no prompt injection, exfiltration intent, hidden command execution, or malicious network behavior in SKILL.md.

Просканировано файлов

149

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Факторы риска

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/heygen-com-tailwind/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/heygen-com-tailwind/security.svg)](https://skillstore.io/skills/heygen-com-tailwind?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/heygen-com-tailwind?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-tailwind/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/heygen-com-tailwind.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Академические ссылки (APA · BibTeX · CFF)

Цитата APA

heygen-com. (2026). tailwind security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-tailwind/audits/4

Цитата BibTeX

@techreport{heygen-com-heygen-com-tailwind-2026,
  author = {heygen-com},
  title = {tailwind security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/heygen-com-tailwind/audits/4},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "tailwind security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "heygen-com"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/heygen-com-tailwind/audits/4"
identifiers:
  - type: other
    value: "skillstore:heygen-com-tailwind:audit:4"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Создание каркаса композиций Tailwind

Создавайте HTML композиции HyperFrames, который с самого начала использует шаблоны Tailwind v4 browser-runtime.

Миграция привычек стилизации v3

Заменяйте старые шаблоны конфигурации и директив рекомендациями CSS-first для темы и утилит Tailwind v4.

Отладка стилей рендера

Находите отсутствующие стили, проблемы с динамическими классами и проблемы готовности до захвата кадров.

Попробуйте эти промпты

Начать сцену Tailwind

Создай план композиции HyperFrames, который использует стилизацию Tailwind v4 browser-runtime. Включи стабильные решения для макета и рекомендации по токенам темы.

Проверить существующие классы

Проверь эту композицию HyperFrames на проблемы Tailwind v4 browser-runtime. Проверь динамические классы, предположения о готовности и шаблоны, доступные только в v3.

Исправить мигания стилей при рендере

Помоги диагностировать отсутствующие стили Tailwind во время рендеринга HyperFrames. Сфокусируйся на готовности runtime, видимых токенах классов и детерминированном выводе первого кадра.

Спланировать миграцию на скомпилированный CSS

Разработай путь миграции с Tailwind browser runtime на скомпилированный CSS для композиции HyperFrames, которая должна рендериться офлайн.

Лучшие практики

Держите критически важные для рендера токены классов Tailwind видимыми до валидации.
Используйте токены темы CSS-first и пользовательские утилиты для работы с Tailwind v4 browser-runtime.
Запускайте валидацию HyperFrames и короткий проверочный рендер после изменений стилизации.

Избегать

Добавление директив Tailwind v3 в CSS композиции с browser-runtime.
Генерация важных имен классов только во время seek-time animation.
Использование browser runtime для жестко ограниченных production-рендеров, которым нужен скомпилированный CSS.

Часто задаваемые вопросы

Этот навык ориентирован на Tailwind v4 или v3?

Он ориентирован на использование Tailwind v4.2 browser-runtime для композиций HyperFrames.

Может ли он помочь с внутренним устройством HyperFrames Studio?

Нет. Навык указывает, что Studio по-прежнему использует шаблоны Tailwind v3 и находится вне этой области.

Требуется ли ему доступ к интернету?

Нет, для самих рекомендаций не требуется. Он ссылается на документацию Tailwind и обсуждает закрепленную версию browser runtime.

Может ли он генерировать production-сборки CSS?

Он может спланировать, когда скомпилированный CSS лучше, но не предоставляет полноценную систему сборки.

Почему следует избегать динамических имен классов Tailwind?

Tailwind должен видеть полные токены классов до захвата, чтобы генерировать стабильные стили.

Какие AI-инструменты могут использовать этот навык?

В отчете отмечена поддержка Claude, Codex и Claude Code.

Сведения для разработчиков

Автор

heygen-com

Лицензия

MIT

Ревизия Skillstore

Примечание о версии

Автор не указал версию.

Репозиторий

https://github.com/heygen-com/hyperframes/tree/main/skills/tailwind/

Ссылка

a06681402992ceae98ba04d54cfd4ab004862696

Актуальность поддержки

18.07.2026

Использование

1 загрузок · 56 просмотров

Структура файлов

📄 SKILL.md