Anthropic Claudeデザイン・クリエイティブ⭐ リポ 7品質スコア 64/100
lovable-animation-choreographer
Framer MotionとCSSを使用して、正確なタイミング、シーケンス制御、スクロールベースのトリガーにより、洗練されたアニメーションとマイクロインタラクションをLovable UIに追加できます。
description の原文を見る
Add sophisticated, choreographed animations and micro-interactions to Lovable UIs with precise timing, sequencing, and scroll-based triggers using Framer Motion and CSS.
SKILL.md 本文
注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。
Lovable Animation Choreographer
目的
Lovableで生成されたUIに層状の意図的なアニメーション設計を追加します。このスキルは、正確な入場シーケンス、スクロール動作、ホバーインタラクション、状態遷移を特定のタイミングカーブ、期間、スタッガー値で定義します。ベースUIが存在した後の最適化パスとして使用するか、生成スキルと並行して最初からモーションを構築できます。
プラットフォームコンテキスト: Lovableは、Vite上のReact + TypeScript + Tailwind CSS + shadcn/uiアプリを生成します。アニメーションはFramer Motion（Lovableプロジェクトで既に利用可能）または純粋なCSSトランジションを使用します。Lovableでサポートされていないアニメーションライブラリを導入しないでください。
入力
| パラメータ | 必須 | 値 | デフォルト |
|---|---|---|---|
intensity | はい | subtle、moderate、expressive |
...
詳細情報
- 作者
- majiayu000
- ライセンス
- 不明
- 最終更新
- 2026/5/9
Source: https://github.com/majiayu000/claude-skill-registry-data / ライセンス: 未指定