Créer des animations GSAP pour HyperFrames
Le travail d’animation HyperFrames exige des choix précis de synchronisation GSAP, d’effets et de performances. Cette skill fournit des références ciblées pour les tweens, les timelines, le texte façon machine à écrire et les visuels réactifs à l’audio.
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "gsap" from https://skillstore.io/skills/heygen-com-gsap.md and its manifest at https://skillstore.io/api/skills/heygen-com-gsap/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「gsap」を使用しています。 Animer trois cartes produit pour les faire apparaître avec un timing lisible.
期待される結果:
Un plan de timeline concis utilisant un mouvement basé sur les transformations, l’opacité, des départs décalés et des labels pour un contrôle ultérieur.
「gsap」を使用しています。 Créer un titre qui s’écrit et remplace plusieurs mots.
期待される結果:
Une séquence de machine à écrire qui définit les états du curseur, la vitesse de frappe, la durée de pause et un comportement d’effacement arrière sûr.
「gsap」を使用しています。 Faire réagir les visuels à une piste audio dans HyperFrames.
期待される結果:
Une approche de visualiseur audio avec données de trames extraites, mouvement global piloté par le RMS et changements de détails pilotés par les bandes.
No prompt injection or malicious intent was found in the reviewed files. Most static findings are false positives from Markdown formatting and GSAP examples; the real issues are documented CDN script references plus a helper script that runs ffmpeg and writes an output JSON file.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/heygen-com-gsap/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/heygen-com-gsap?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/heygen-com-gsap?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-gsap/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/heygen-com-gsap.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>heygen-com. (2026). gsap security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-gsap/audits/6@techreport{heygen-com-heygen-com-gsap-2026,
author = {heygen-com},
title = {gsap security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/heygen-com-gsap/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "gsap security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "heygen-com"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/heygen-com-gsap/audits/6"
identifiers:
- type: other
value: "skillstore:heygen-com-gsap:audit:6"
description: "Skillstore immutable audit report identifier"
Créer une timeline GSAP avec des labels clairs, des valeurs par défaut et des entrées d’éléments coordonnées.
Utiliser des modèles de machine à écrire avec états du curseur, effacement arrière, rotation de mots et synchronisation du passage multiligne.
Extraire des données audio basées sur les trames et associer le RMS ou les bandes de fréquences aux propriétés d’animation visuelle.
Utilise la skill GSAP pour animer cet élément de l’état masqué à l’état visible. Privilégie les propriétés transform et opacity.
Utilise la skill GSAP pour créer un plan de timeline avec des valeurs par défaut, des labels, des entrées décalées et un contrôle de lecture.
Utilise la référence des effets GSAP pour créer une séquence de machine à écrire avec clignotement du curseur, pause et comportement d’effacement arrière.
Utilise la skill GSAP pour planifier l’extraction des données audio et associer les bandes de fréquences à une timeline de visualiseur déterministe.
作成者
heygen-comライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
0519034dad657fb1f7706e0550e962beeda73fdf
メンテナンスの新しさ
2026/7/20
利用状況
12 ダウンロード · 88 閲覧
ファイル構成
Mix HyperFrames Audio with Precision
Audio tracks can compete for frequencies, levels, and space, making voiceovers difficult to understand. This skill applies focused effects, automation, presets, and voiceover carving for clearer HyperFrames mixes.
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.
Créer des animations WAAPI déterministes
Les animations natives du navigateur peuvent dériver dans HyperFrames lorsque le timing n’est pas déterministe. Cette compétence présente des modèles WAAPI pour des animations finies, en pause et navigables dans le temps.
Créer des HyperFrames Anime.js déterministes
Les animations Anime.js peuvent dériver lorsqu’elles s’exécutent avec leur propre horloge. Cette compétence présente des modèles HyperFrames déterministes qui enregistrent les animations et les parcourent via l’adaptateur d’exécution.
Créer des vidéos HyperFrames personnalisées
Les demandes de vidéos personnalisées nécessitent souvent une structure couvrant le design, le mouvement, l'audio et la validation. Cette compétence oriente le travail via les flux de travail HyperFrames pour une production cohérente.
Créer des animations CSS navigables pour HyperFrames
Les animations CSS peuvent se désynchroniser lorsque les aperçus et les rendus parcourent le temps. Cette compétence présente des modèles déterministes pour les keyframes, le timing, les modes de remplissage et la validation.
Build Interactive Three.js Scenes
作成者 freshtechbro
Building browser-based 3D scenes requires coordinating rendering, assets, interaction, and performance. This skill provides Three.js examples, reference guides, and a WebGL starter to support implementation.
Implémenter les transitions de vue React
作成者 vercel-labs
Les transitions de vue React sont faciles à mal placer, ce qui entraîne des animations silencieuses ou gênantes. Cette skill guide les choix d’animations de routes, de Suspense, de listes et d’éléments partagés.
Créer des blocs WordPress en toute sécurité
作成者 Automattic
Les modifications apportées aux blocs WordPress cassent souvent le contenu enregistré, les assets ou l’enregistrement. Cette compétence guide les métadonnées, le rendu, les migrations et les tests pour les projets Gutenberg.
Améliorer les projets TypeScript
作成者 sickn33
Les projets TypeScript rencontrent souvent des difficultés avec le typage strict, les builds lents et les migrations complexes. Cette compétence fournit un diagnostic pratique, des listes de vérification pour les revues et des modèles de solution pour le travail TypeScript moderne.
Créer des plugins Logseq DB
作成者 C0ntr0lledCha0s
Les développeurs de plugins Logseq doivent gérer les différences des graphes DB et les détails de l’API. Cette skill fournit des conseils structurés pour la configuration des plugins, les requêtes Datalog, les paramètres et les vérifications de compatibilité.
Ajouter des modèles CloudBase AI aux applications web
作成者 tencentcloudbase
L'intégration de l'IA dans le navigateur peut échouer lorsque les groupes de modèles, l'authentification ou les Token Credits ne sont pas préparés. Cette compétence guide les vérifications préalables CloudBase, l'activation des modèles et les appels SDK pour les applications web.