gsap.utils
Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use when the user asks about gsap.utils, clamp, mapRange, random, snap, toArray, wrap, or helper utilities in GSAP.
概要
This AI agent skill provides comprehensive support for the gsap.utils library, a collection of helper functions within the GreenSock Animation Platform. Hosted in the mxyhi/ok-skills repository, which has garnered 423 stars, the skill assists developers using agents like Claude, Cursor, and Codex. It specifically addresses queries regarding mathematical and utility functions such as clamp, mapRange, normalize, and interpolate. Additionally, it covers complex operations like snapping, wrapping, and piping functions. By integrating this skill, AI agents can provide more accurate code snippets and logic for frontend design tasks involving array conversions or random value generation. The documentation is sourced from the official SKILL.md file within the gsap-utils directory of the mxyhi/ok-skills project.
ユースケース
導入方法
# Review source first
open https://github.com/mxyhi/ok-skills/blob/main/gsap-skills/gsap-utils/SKILL.mdCopy or clone the skill folder into your agent skills directory after reviewing its instructions and scripts.
セキュリティ
This skill provides documentation and logic for standard GSAP utility functions. Users should verify that the GSAP library is correctly installed in their project environment. As part of the mxyhi/ok-skills repository, the skill does not require special system permissions or external network access beyond the standard capabilities of the compatible AI agents.
関連Skills
Constant Time Testing
trailofbits/skills
Constant-time testingは、暗号コード内のタイミングサイドチャネルを検出します。暗号実装のタイミング脆弱性を監査する際に使用します。
Managed Deep Agents
langchain-ai/langchain-skills
LangSmithでmda CLIを使用してManaged Deep Agentsを構築、テスト、またはデプロイする際のINVOKE THIS SKILL。コードファーストでファイルベースのプロジェクトレイアウト、define_deep_agent / defineDeepAgent、作成されたツールとミドルウェア、MCPコネクタ、cronスケジュール、スキル、サンドボックス、mda init/dev/deploy、Context Hub、およびPythonとTypeScriptでのヒューマンインザループ（human-in-the-loop）割り込みをカバーしています。
GSAP Core
mxyhi/ok-skills
コアな API のための公式 GSAP スキル — gsap.to()、from()、fromTo()、easing、duration、stagger、defaults、gsap.matchMedia()（レスポンシブ、prefers-reduced-motion）。ユーザーが JavaScript アニメーションライブラリ、React/Vue/vanilla でのアニメーション、GSAP のトゥイーン、イージング、基本的なアニメーション、レスポンシブまたは reduced-motion を求めた際に使用します。
花叔Design · Huashu-Design
mxyhi/ok-skills
花叔Design——HTMLを使用して、高精度プロトタイプ、インタラクティブデモ、スライド、アニメーション、デザインバリエーションの探索、デザインの方向性に関するアドバイス、専門家によるレビューを提供します。タスクに応じて適切な専門家（UX、アニメーター、スライドデザイナー、プロトタイパー）になりきり、ウェブデザインのありきたりな表現を避けます。トリガーワード：プロトタイプ作成、インタラクティブプロトタイプ、HTMLデモ、アニメーションデモ、デザインバリエーション、hi-fiデザイン、UI mockup、prototype、HTMLページを作成、可視化を作成、アプリプロトタイプ、iOSプロトタイプ、MP4/GIFを書き出し、60fps動画、デザインスタイル、デザインの方向性、カラーパレット、おすすめのスタイル、スタイルを選択、きれいなものを作る、レビュー、見栄えの確認、review this design、解説付きアニメーション、解説動画、長尺の解説動画、voiceover、narration、5分でわかるXの解説
Design Build
tinh2/skills-hub-registry
独特でプロダクションレベルのインターフェースを、Ralph Wiggumのようなスピードで構築します。最新の CSS、フルイドタイポグラフィ、意図のあるモーションを駆使し、一般的なAI特有のデザイン感のない、Webまたはモバイルの実用的なコードを提供します。使用場面：'build UI', 'design this', 'create interface', 'make it look good', 'build screen', 'implement design', 'frontend build', 'design build'。
Design Claude
tinh2/skills-hub-registry
HTMLファーストのハイファイデザインスキル：インタラクティブなプロトタイプ、スライドデッキ、アニメーションデモ、デザインバリエーションの探索、視覚的方向性のアドバイス、専門的なクリティーク。トリガー：make a prototype, design demo, interactive prototype, HTML presentation, animation demo, design variants, hi-fi design, UI mockup, prototype, design exploration, make an HTML page, make a visualization, app prototype, iOS prototype, mobile app mockup, export MP4, export GIF, 60fps video, design style, design direction, design p