GSAP Core
コアな API のための公式 GSAP スキル — gsap.to()、from()、fromTo()、easing、duration、stagger、defaults、gsap.matchMedia()（レスポンシブ、prefers-reduced-motion）。ユーザーが JavaScript アニメーションライブラリ、React/Vue/vanilla でのアニメーション、GSAP のトゥイーン、イージング、基本的なアニメーション、レスポンシブまたは reduced-motion を求めた際に使用します。
概要
GSAP Core スキルは、AI エージェントに GreenSock Animation Platform の基礎的な機能を提供します。423 のスター数を維持している mxyhi/ok-skills リポジトリ内でホストされており、このスキルは JavaScript ベースのアニメーションのプログラム制御を可能にします。状態遷移を管理するための gsap.to()、gsap.from()、gsap.fromTo() を含む主要な API メソッドに焦点を当てています。さらに、スタッガー、カスタムイージング、グローバルデフォルトなどの高度な機能も組み込まれています。現代のウェブ開発向けに、このスキルは gsap.matchMedia() をサポートしており、エージェントがレスポンシブなブレークポイントやユーザーの prefers-reduced-motion 設定を尊重したアニメーションを生成できるようにします。この統合は、vanilla JavaScript、React、Vue 環境での使用を想定して設計されており、Claude や Cursor といった人気の AI コーディングアシスタントとの互換性を確保しています。
ユースケース
導入方法
# Review source first
open https://github.com/mxyhi/ok-skills/blob/main/gsap-skills/gsap-core/SKILL.md手順とスクリプトを確認した後、スキルフォルダをエージェントのスキルディレクトリにコピーまたはクローンしてください。
セキュリティ
このスキルは GSAP ベースのアニメーションコードの生成を支援します。ユーザーは、生成されたすべての JavaScript がプロジェクト固有のセキュリティポリシーに準拠していることを確認し、アニメーションロジックが機密性の高い DOM 要素やデータを意図せず露出させないようにレビューする必要があります。
関連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
mda CLI を使用して LangSmith で 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 をカバーします。
花叔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
独自性のある本番仕様のインターフェースを迅速に構築します。モダンなCSS、流動的なタイポグラフィ、意図を持ったモーションを取り入れ、ありきたりなAI感を排した実動コード（Webまたはモバイル）を出力します。使用場面: 'build UI'、'design this'、'create interface'、'make it look good'、'build screen'、'implement design'、'frontend build'、'design build'。
Design Audit
tinh2/skills-hub-registry
アクセシビリティ（WCAG 2.2）、パフォーマンス、テーマ設定、レスポンシブ／アダプティブデザイン、アンチパターン検出を網羅した包括的かつ自律的なデザイン品質監査。トリガー: 'audit design'、'check accessibility'、'a11y audit'、'design review'、'UI quality check'。