animate

Name: animate
Author: delphi-ai

✓

delphi-ai/animate-skillGitHub: delphi-ai/animate-skill ソース: delphi-ai/animate-skill

Next.js/React アプリケーションのアニメーションパターンとベストプラクティス。このスキルは、アニメーション、トランジション、ホバー効果、ページトランジション、モーダル、または React コンポーネントのモーションを実装するときに使用します。 Emil Kowalski の「Web 上のアニメーション」コースに基づいています。

delphi-ai·animate

7インストール·2トレンド·@delphi-ai

インストール

GitHub: delphi-ai/animate-skill

$npx skills add https://github.com/delphi-ai/animate-skill --skill animate

animate のインストール方法

コマンドラインで animate AI スキルを開発環境にすばやくインストール

ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/delphi-ai/animate-skill --skill animate
インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: delphi-ai/animate-skill。

SKILL.md

原文を見る

This skill provides comprehensive guidance for implementing smooth, performant, and accessible animations in Next.js and React applications. It covers CSS animations, Framer Motion, easing principles, and accessibility considerations.

Complete working examples from the course are in the examples/ directory:

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド: npx skills add https://github.com/delphi-ai/animate-skill --skill animate
ソース: delphi-ai/animate-skill
カテゴリ: </>開発ツール
認証済み: ✓
初回登録: 2026-02-25
更新日: 2026-03-10
URL: https://www.learn-skills.dev/ja/skills/delphi-ai/animate-skill/animate

Browse more skills from delphi-ai/animate-skill

クイックアンサー

animate とは？

animate のインストール方法は？

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きますこのコマンドをコピーして実行します: npx skills add https://github.com/delphi-ai/animate-skill --skill animate インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか？

https://github.com/delphi-ai/animate-skill

詳細

カテゴリ: </>開発ツール
ソース: skills.sh
初回登録: 2026-02-25