Communitygithub.com

SMKeramati/web-animation-engine

Claudeスキル兼約700行のReact+SVGランタイムで、アニメーションWebシーン、解説コンテンツ、モーショングラフィックスを構成できます。CDNのみで動作し、npmやビルドステップは不要です。

web-animation-engine とは?

SMKeramati/web-animation-engineは、Claude CodeなどのAIエージェント向けに設計されたスキルで、約700行のReact+SVGランタイムを提供します。このスキルを使用すると、開発者はアニメーション化されたWebシーン、インタラクティブな解説、モーショングラフィックスを、npmパッケージやビルドツールに依存せずに直接HTML内で構成・レンダリングできます。CDNベースのアプローチにより、外部依存関係なしでスクリプトタグを追加するだけで利用可能で、迅速なプロトタイピングやデモ作成に最適です。また、Claude Codeとの統合により、自然言語の指示から直接アニメーションコードを生成・修正でき、視覚的にリッチなWebコンテンツの制作プロセスを大幅に効率化します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add SMKeramati/web-animation-engine

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

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

ドキュメント

web-animation-engine は何をしますか?

Claudeスキル兼約700行のReact+SVGランタイムで、アニメーションWebシーン、解説コンテンツ、モーショングラフィックスを構成できます。CDNのみで動作し、npmやビルドステップは不要です。

関連スキル