Install and use Text to Lottie
Install the Skill
Run the upstream command in your project, then follow the author’s setup guide and any requirements below.
npx skills add diffusionstudio/lottieGive your agent a task
Provide the relevant files, context and constraints. For example:
Create a Lottie scene from this SVG and preview the timing in the project player.
The author’s animated Lottie player example with two blocks and a collision counter.
プロジェクトのスクリーンショットこのスキルについて
Create or edit Lottie animation scenes and inspect their playback in the project’s Skia Skottie player.
おすすめする理由
Animate an SVG logo, loader or UI feedback state for a product.
役立つこと
- Animate an SVG logo, loader or UI feedback state for a product.
Usage and limitations
The workflow targets the bundled Skottie player and checks rendered frames; another renderer may differ.
Alternatives and related workflows
Remotion Best Practices: React video guidance
Text to Lottie focuses on Lottie scenes and a Skia Skottie player. Remotion guides React-based video composition and rendering; choose according to the required output.
使う前に
- Use a coding agent and the upstream player project; setup and playback follow the repository instructions.
資料・参照元
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。
