Communitygithub.com

joepUI/motion-ref-skill

AI编码助手技能,用于UI动效设计。包含13个类别的112种生产就绪效果——描述你的产品场景,即可获得可直接发布的CSS/JS代码。兼容Claude Code、Codex、OpenClaw及任何支持SKILL.md的智能体。

motion-ref-skill 是什么?

joepUI/motion-ref-skill 是一个面向AI编码助手的UI动效设计技能。它封装了112种生产级动效,横跨13个类别,涵盖从微交互到页面过渡的各种场景。开发者只需用自然语言描述产品场景(如“用户完成注册后的庆祝动画”或“侧边栏展开的弹性效果”),AI智能体便可调用此技能生成可直接用于生产的CSS和JavaScript代码。该技能兼容Claude Code、Codex、OpenClaw等主流AI编码助手,以及任何遵循SKILL.md规范的智能体环境。其核心价值在于将设计灵感与代码实现间的沟通成本降至最低,帮助团队快速迭代UI动效,无需手动搜索或编写繁琐的动画逻辑。技能文档提供了清晰的效果分类索引和调用指引,确保AI能精准匹配用户需求。

兼容平台✓Claude Code✓Codex CLI~Cursor
npx skills add joepUI/motion-ref-skill

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

motion-ref-skill 是做什么的?

AI编码助手技能,用于UI动效设计。112种生产就绪效果,覆盖13个类别——描述你的产品场景,即可获得可直接发布的CSS/JS代码。兼容Claude Code、Codex、OpenClaw及任何支持SKILL.md的智能体。

相关技能