GSAP Plugins
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG
概要
The GSAP Plugins skill provides AI agents with specialized knowledge for implementing advanced GreenSock animation features. Hosted within the mxyhi/ok-skills repository, which has earned 423 stars, this tool assists developers using agents like Claude, Cursor, and Codex. It covers the registration and configuration of core plugins, including ScrollToPlugin, ScrollSmoother, Flip, and Draggable. The skill also encompasses specialized animation utilities such as SplitText, ScrambleText, and various physics-based or custom easing tools like CustomWiggle and CustomBounce. By referencing the documentation at mxyhi/ok-skills, agents can provide precise guidance on SVG animations, inertia effects, and observer-based interactions. This resource ensures that frontend design workflows involving complex GSAP sequences are handled with technical accuracy and adherence to official plugin standards.
ユースケース
導入方法
# Review source first
open https://github.com/mxyhi/ok-skills/blob/main/gsap-skills/gsap-plugins/SKILL.mdCopy or clone the skill folder into your agent skills directory after reviewing its instructions and scripts.
セキュリティ
This skill functions as a documentation and implementation reference for GSAP plugins and does not require local system permissions or external API keys. Users should ensure that any code generated by the AI agent complies with their specific GSAP licensing terms, especially when using premium plugins mentioned in the mxyhi/ok-skills repository.
関連Skills
Constant Time Testing
trailofbits/skills
暗号実装を実行してタイミングサイドチャネルを測定します。統計解析には dudect を、動的トレースには Valgrind 上の Timecop を使用します。形式的、記号的、動的、統計的なツールカテゴリと結果の読み方をカバーします。実行中の実装が定数時間(constant-time)であるかのテスト、コンパイル済みバイナリのタイミング分散の測定、または疑わしいタイミング攻撃の調査に使用します。コンパイラ出力を静的に検査するためのものではありません(constant-time-analysis plug)。
Baoyu Design
JimLiu/baoyu-design
自己完結型の HTML として、洗練されたデザイン成果物を作成します:UIモックアップ、インタラクティブなプロトタイプ、ワイヤーフレーム、ランディングページ、ダッシュボード、アプリ画面、モバイルアプリ、スライド資料(別名 PPT / PowerPoint プレゼンテーション)、ドキュメントや履歴書、アニメーション、3Dオブジェクト、調査レポート、HTML メール、図解、チラシ、ビジュアル探索。ユーザーがインターフェース、製品画面、ユーザーフロー、コンテンツレイアウトのデザイン、モックアップ作成、プロトタイプ作成、ワイヤーフレーム作成、視覚化、探索、または PPT/スライド資料の作成を求めた際に使用してください。
Managed Deep Agents
langchain-ai/langchain-skills
LangSmith で mda CLI を使用して Managed Deep Agents を構築、テスト、またはデプロイする際の INVOKE THIS SKILL。ユーザーの最初のエージェント構築をエンドツーエンドでガイドします。構築したい内容のヒアリングから、MDA で実際に可能なことへのマッピング、スキャフォールディング、デプロイまでをカバーします。ファイルベースのプロジェクトレイアウト、define_deep_agent / defineDeepAgent、instructions、skills、memory、identity、tools、middleware、sandboxes、schedules、channels、evals、および mda init/build/dev/deploy/logs/delete について説明します。
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 Claude
tinh2/skills-hub-registry
HTML優先の高精度デザインスキル:インタラクティブプロトタイプ、スライド資料、アニメーションデモ、デザインバリエーションの検討、ビジュアルディレクションの助言、専門的なレビューに対応。トリガー:make a prototype、design demo、interactive prototype、HTML presentation、animation demo。