Home /Claude Skills /animejs-skills
强烈推荐

Animejs Skills

让网页元素随你心意舞动
设计师的前端动画神器
核心原理:
这个技能让Claude成为你的Anime.js动画专家。无论是简单的元素淡入淡出,还是复杂的SVG路径动画、拖拽物理效果,或是与React框架的无缝集成,都能帮你轻松搞定。从此网页动画不再是前端开发的噩梦。
关键功能 (KEY FEATURES)
01动画编排
轻松创建复杂的动画时间线和序列
02物理效果
为拖拽交互添加真实的弹簧物理效果
03SVG魔法
实现路径变形、线条绘制和运动轨迹动画
04框架适配
完美适配React等主流前端框架
github.com/BowTiedSwan/animejs-skills
data-ai·BowTiedSwan·2026-01-29·1·🔱 0
精选导航站 agent-skills.cc
安装方式
下载
HTTPS
git clone https://github.com/BowTiedSwan/animejs-skills.git
SSH
git clone [email protected]:BowTiedSwan/animejs-skills.git
GitHub CLI
gh repo clone BowTiedSwan/animejs-skills
常见问答
Q: Animejs Skills Agent Skills 的安装步骤是什么?
1.描述需求: 告诉Claude你想要实现的动画效果
2.获取方案: 立即获得完整的Anime.js代码方案
3.一键测试: 复制代码到项目立即看到动画效果
4.调整优化: 根据反馈实时调整动画参数
Q: Animejs Skills Agent Skills 的亮点是什么?
  • 0学习成本
  • 所见即所得
  • 60+预设缓动函数
  • 跨框架兼容
Q: Animejs Skills Agent Skills 的使用场景是什么?
  • 电商产品展示页
  • 数据可视化大屏
  • 网页游戏特效
  • 品牌官网动效
Q: Animejs Skills Agent Skills 的局限性是什么?
  • 不支持IE浏览器
  • 复杂动画可能影响性能
相关 Claude Code Skills
openclaw

openclaw/openclaw

openclaw

OpenClaw 是一个强大的多模态 AI 助手框架,支持文本、语音、图像等多种交互方式。提供 Canvas 可视化协作界面、MCP 服务器集成、多平台部署能力,让用户能够构建个性化的 AI 助手应用。

157.6k24.4k
awesome-chatgpt-prompts

f/awesome-chatgpt-prompts

f

这是一个超全的AI提示词库,汇集了各种场景下的ChatGPT、Claude等AI助手的优质提示词模板。无论你是新手还是专家,都能在这里找到灵感,让你的AI对话效率翻倍。

14万人验证过的提示词库,哈佛教授都在用,让你3秒变成AI对话专家

142.4k18.9k
claude-code

anthropics/claude-code

anthropics

Claude Code 是 Anthropic 官方的终端 CLI 工具,就像一个懂你代码的智能助手。它能帮你理解复杂代码、执行日常任务、处理 Git 工作流,一切只需用自然语言告诉它。

大幅提升开发效率,复杂的Git操作一句话搞定

56.7k4.1k
skills

anthropics/skills

anthropics

Claude技能库就像给AI装了个万能工具箱,无论是设计创意、文档处理还是技术开发,都能找到现成的解决方案。让你告别重复劳动,AI瞬间变身你的专属效率助手。

官方技能库质量有保障,开箱即用解决90%专业需求

56.7k5.5k
context7

upstash/context7

upstash

Context7就像给你的AI编程助手装上了实时更新的百科全书。它会自动拉取最新版本的库文档和代码示例,再也不用担心AI给你过时的解决方案或者根本不存在的API了。

彻底解决AI编程最头疼的问题——过时的文档和虚假API

42.0k2.0k
cherry-studio

CherryHQ/cherry-studio

CherryHQ

Cherry Studio 是你的 AI 超级工具箱,一个桌面端就能同时调用 OpenAI、Claude、Gemini 等主流大模型。300+预置助手任选,支持文档处理、代码高亮,还能多模型协同对话。

聚合主流AI服务,文档处理与代码开发无缝衔接,开源免费却有商业级体验

38.7k3.6k