Communitygithub.com

AgentBuff/animation-explainer

TTSナレーション付きのマルチシーンアニメーションHTML技術解説と、ワンコマンドMP4エクスポート。インストール: npx skills add AgentBuff/animation-explainer

animation-explainer とは?

このスキルは、AIエージェントが複数シーンからなるアニメーション付きHTML技術解説を自動生成できるようにします。各シーンはテキスト、図形、アニメーションで構成され、TTS(テキスト読み上げ)ナレーションが自動的に合成されます。生成されたHTMLはそのままブラウザで再生可能で、さらに一つのコマンドでMP4動画としてエクスポートできます。これにより、開発者はコードの仕組みやアーキテクチャの説明を、視覚的にリッチで聞き取りやすい形式で共有できます。Claude Code、Cursor、Codexなどのコマンドライン操作が可能なAIエージェントと互換性があり、インストールは`npx skills add AgentBuff/animation-explainer`で完了します。

対応~Claude Code~Codex CLI~Cursor
npx skills add AgentBuff/animation-explainer

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

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

ドキュメント

animation-explainer は何をしますか?

TTSナレーション付きのマルチシーンアニメーションHTML技術解説と、ワンコマンドMP4エクスポート。インストール: npx skills add AgentBuff/animation-explainer

関連スキル