📦

tailwind

Name: tailwind
Author: heygen-com

Révision du contenu r1 Sûr ⚙️ Commandes externes🌐 Accès réseau

Créer des scènes HyperFrames avec Tailwind v4

Les projets Tailwind v4 browser-runtime peuvent échouer lorsque les équipes appliquent d’anciens modèles v3. Cette compétence donne à Claude, Codex et Claude Code des recommandations HyperFrames précises pour un style stable.

Prend en charge: Claude Codex Code(CC)

🥉 79 Bronze

Maintain this Skill? Claim it 🥉 79 Bronze

Installer avec mon Agent

Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.

Demande d’agent

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.

Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.

Ressources lisibles par les agents

Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.

Détail Markdown GET /skills/heygen-com-tailwind.md manifest signé GET /api/skills/heygen-com-tailwind/manifest lockfile signé GET /api/skills/heygen-com-tailwind/lockfile

Tester

Utilisation de « tailwind ». Une scène HyperFrames contient des couleurs personnalisées dans un fichier de configuration Tailwind.

Résultat attendu:

La compétence recommande de déplacer les tokens personnalisés dans un bloc de thème Tailwind v4 CSS-first pour les compositions browser-runtime.

Utilisation de « tailwind ». Un rendu a des styles dans l’aperçu, mais des styles manquants à l’image zéro.

Résultat attendu:

La compétence vérifie la disponibilité de Tailwind, les tokens de classe visibles et les étapes de validation avant de recommander une preuve de rendu.

Utilisation de « tailwind ». Une composition construit des noms de classes à partir de variables pendant l’animation.

Résultat attendu:

La compétence recommande des tokens de classe complets, des attributs de données ou du CSS explicite afin que Tailwind puisse générer les styles avant la capture.

Audit de sécurité

Sûr

v4 • 06/07/2026 Ouvrir le rapport versionné

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.

Fichiers analysés

149

Lignes analysées

Éléments à examiner

Faux positifs ignorés

Le dernier audit statique et sémantique terminé n’a détecté aucun constat de sécurité confirmé. Cela ne prouve pas que le skill est sans effets secondaires.

Audité par: codex Voir l’historique des audits →

Partager et citer ce rapport

Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.

Ouvrir le rapport versionné

Copier le lien du rapport

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

Badge 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)

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>

Carte intégrable

<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>

Citations académiques (APA · BibTeX · CFF)

Citation APA

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

Citation 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"

Score Skillstore

Pourquoi ce score Niveau de confiance des preuves: Élevé

Architecture

Maintenabilité

Contenu

Communauté

Conformité aux spécifications

Ce que vous pouvez créer

Échafauder des compositions Tailwind

Créer du HTML de composition HyperFrames qui utilise les modèles Tailwind v4 browser-runtime dès le départ.

Migrer les habitudes de style v3

Remplacer les anciens modèles de configuration et de directives par des recommandations Tailwind v4 CSS-first pour les thèmes et les utilitaires.

Déboguer le style au rendu

Repérer les styles manquants, les problèmes de classes dynamiques et les problèmes de disponibilité avant la capture d’images.

Essayez ces prompts

Démarrer une scène Tailwind

Crée un plan de composition HyperFrames qui utilise le style Tailwind v4 browser-runtime. Inclus des choix de mise en page stables et des recommandations sur les tokens de thème.

Examiner les classes existantes

Examine cette composition HyperFrames pour détecter les problèmes Tailwind v4 browser-runtime. Vérifie les classes dynamiques, les hypothèses de disponibilité et les modèles propres à v3.

Corriger les flashs de style au rendu

Aide à diagnostiquer les styles Tailwind manquants pendant le rendu HyperFrames. Concentre-toi sur la disponibilité du runtime, les tokens de classe visibles et une sortie déterministe de la première image.

Planifier la migration vers du CSS compilé

Conçois un chemin de migration du runtime navigateur Tailwind vers du CSS compilé pour une composition HyperFrames qui doit être rendue hors ligne.

Bonnes pratiques

Garder les tokens de classe Tailwind critiques pour le rendu visibles avant la validation.
Utiliser des tokens de thème CSS-first et des utilitaires personnalisés pour le travail Tailwind v4 browser-runtime.
Exécuter la validation HyperFrames et une courte preuve de rendu après les changements de style.

Éviter

Ajouter des directives Tailwind v3 au CSS de composition browser-runtime.
Générer des noms de classes importants uniquement pendant l’animation au moment du seek.
Utiliser le runtime navigateur pour des rendus de production verrouillés qui nécessitent du CSS compilé.

Foire aux questions

Cette compétence cible-t-elle Tailwind v4 ou v3 ?

Elle cible l’utilisation de Tailwind v4.2 browser-runtime pour les compositions HyperFrames.

Peut-elle aider avec les composants internes de HyperFrames Studio ?

Non. La compétence indique que Studio utilise encore des modèles Tailwind v3 et qu’il est hors périmètre.

Nécessite-t-elle un accès Internet ?

Non pour les recommandations elles-mêmes. Elle référence la documentation Tailwind et traite du runtime navigateur épinglé.

Peut-elle générer des builds CSS de production ?

Elle peut planifier les cas où le CSS compilé est préférable, mais elle ne fournit pas un système de build complet.

Pourquoi éviter les noms de classes Tailwind dynamiques ?

Tailwind doit voir les tokens de classe complets avant la capture afin de générer des styles stables.

Quels outils d’IA peuvent utiliser cette compétence ?

Le rapport indique la prise en charge de Claude, Codex et Claude Code.

Détails du développeur

Auteur

heygen-com

Licence

MIT

Révision Skillstore

Avis de version

L’auteur n’a déclaré aucune version.

Dépôt

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

Réf

a06681402992ceae98ba04d54cfd4ab004862696

Récence de maintenance

18/07/2026

Utilisation

1 téléchargements · 56 vues

Structure de fichiers

📄 SKILL.md

tailwind

Installer avec mon Agent

Ressources lisibles par les agents

Tester

Audit de sécurité

Facteurs de risque

Copier le lien du rapport

Badge Markdown

Badge HTML

Carte intégrable

Citation APA

Citation BibTeX

CITATION.cff

Score Skillstore

Ce que vous pouvez créer

Échafauder des compositions Tailwind

Migrer les habitudes de style v3

Déboguer le style au rendu

Essayez ces prompts

Bonnes pratiques

Éviter

Foire aux questions

Détails du développeur