Communityコーディング&開発github.com

tang730125633/pointer-following-mascot

コードエックス用スキル:レイヤー化されたDOMと240フレームのポインター追従マスコット

pointer-following-mascot とは?

このスキルは、AIエージェント(Codex)向けに設計された、マウスやタッチポインターに追従するマスコットキャラクターを実装するためのテクニックを提供します。具体的には、レイヤー化されたDOM構造を利用し、ポインターの動きに滑らかに反応するアニメーションを240フレーム(約4秒間)にわたって駆動します。このスキルを使うことで、Webページ上にインタラクティブで魅力的なマスコットを簡単に追加でき、ユーザーエンゲージメントを高めることが可能です。CodexやClaude CodeなどのAIコード生成ツールと組み合わせて使用することを想定しており、開発者が手動で複雑なアニメーションロジックを記述する必要を減らします。スキルの実装は、提供されるSKILL.mdの指示に従い、ポインターイベントとCSSアニメーション、またはJavaScriptを適切に組み合わせることで動作します。

対応~Claude Code✓Codex CLI~Cursor
npx skills add tang730125633/pointer-following-mascot

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

pointer-following-mascot は何をしますか?

Codex用スキル:レイヤー化されたDOMと240フレームのポインター追従マスコット

関連スキル