全部技能 分类浏览
← 返回
未分类

动画设计&预览

Anime.js animation skill for creating and demonstrating animations. Use this skill when the user asks to create, show, or generate animations using Anime.js. Trigger keywords include: anime, animation, 动画, anime.js, animate, transition, 过渡, 动画效果. This skill can display animation demos in conversation using show_widget and generate complete Anime.js code (HTML+JS) for use in projects.
Anime.js animation skill for creating and demonstrating animations. Use this skill when the user asks to create, show, or generate animations using Anime.js. Trigger keywords include: anime, animation, 动画, anime.js, animate, transition, 过渡, 动画效果. This skill can display animation demos in conversation using show_widget and generate complete Anime.js code (HTML+JS) for use in projects.
码坚强
未分类 community v1.0.0 1 版本 96000 Key: 无需
★ 0
Stars
📥 24
下载
💾 0
安装
1
版本
#latest

概述

Anime.js Animation Skill

Overview

This skill enables WorkBuddy to create, demonstrate, and generate Anime.js animations. Anime.js is a lightweight JavaScript animation library that can animate CSS properties, SVG paths, DOM elements, and create timeline-based animations.

When this skill is triggered, WorkBuddy should:

  1. Understand the user's animation requirements
  2. Show a demo of the animation in conversation using show_widget (if requested or appropriate)
  3. Generate complete, ready-to-use Anime.js code (HTML + JS)

Core Capabilities

1. Display Animation Demos in Conversation

When the user wants to see an animation effect, use show_widget to create an interactive HTML widget that demonstrates the animation.

Key requirements:

  • Load Anime.js from CDN: https://unpkg.com/animejs@3.2.2/lib/anime.min.js
  • Create a self-contained HTML widget with inline