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

NightZpy/explanatory-animations-skill

Claudeスキル:洗練されたインタラクティブなアニメーション解説を構築(16パターン、Anime.js v4、3つのエクスポートパイプライン)

explanatory-animations-skill とは?

このスキルは、Claude CodeやCursorなどのAIエージェント向けに設計されており、Anime.js v4を使用して16のアニメーションパターンからなる洗練されたインタラクティブなアニメーション解説を構築することを可能にします。開発者は、コード例、データフロー、ユーザーインタラクションなどを視覚的に説明するアニメーションを素早く生成でき、3つの異なるエクスポートパイプライン(ウェブ、SVG、Lottie)に対応しているため、さまざまなプラットフォームでの配信が容易です。このスキルは、チュートリアルやドキュメントの制作において、静的で分かりにくい図解から動的で直感的な説明へと移行したい場合に特に有用です。各パターンはカスタマイズ可能であり、プロジェクトの要件に応じてアニメーションの動作を細かく調整できます。

対応✓Claude Code~Codex CLI~Cursor
Part ofMobile
npx skills add NightZpy/explanatory-animations-skill

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

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

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

ドキュメント

explanatory-animations-skill は何をしますか?

Claudeスキル:洗練されたインタラクティブなアニメーション解説を構築(16パターン、Anime.js v4、3つのエクスポートパイプライン)

このスキルは、Anime.js v4ベースの16のアニメーションパターンを提供し、AIエージェントがコード例、データフロー、または抽象的な概念を説明するためのインタラクティブなアニメーションを生成できるようにします。3つのエクスポートパイプライン(ウェブ、SVG、Lottie)により、さまざまな配信チャネルでアニメーションを活用できます。

関連スキル