📦 Web Animation Design — 网页动画设计

v1.0.0

主动捕捉用户关于动画、缓动、过渡、性能等问题,提供基于 animations.dev 课程的自然流畅网页动画设计指南,含工具选型决策树、时长缓动表、无障碍最佳实践及弹簧动画配置,输出 Markdown 表格格式评审结果。

0· 447·1 当前·1 累计
aa-on-ai 头像by @aa-on-ai (ai-ron)
下载技能包
最后更新
2026/3/21
0
安全扫描
VirusTotal
无害
查看报告
OpenClaw
安全
high confidence
该技能仅为网页动画设计指令指南,名称与功能一致,不请求凭据或安装,足迹清晰且风险低——但在将代码片段投入生产前请验证来源准确性。
评估建议
This skill is instruction-only and low risk because it asks for no secrets and installs nothing. Before relying on it: 1) Verify the author/source (homepage is missing and the skill cites a paid/public course) to avoid copyright or licensing surprises. 2) Review and test any copy-paste code (some recommendations — e.g., import path 'motion/react' and the relative '/learn/...' link — look inaccurate or nonstandard). 3) Confirm accessibility recommendations (it does correctly remind to check prefe...
详细分析 ▾
用途与能力
Name, description, and the full SKILL.md/PRACTICAL-TIPS content are aligned: the bundle is a design/implementation guide for web animations. It requires no binaries, env vars, or installs, which is proportionate for a documentation-style skill.
指令范围
Instructions are prescriptive (initial canned response, mandatory markdown table format for reviews, and a decision tree). That is internally consistent with a stylistic guide, but a couple of content issues could cause operational problems: it recommends importing from "motion/react (NOT 'framer-motion')" which is nonstandard and may break users' builds, and it references a relative course path (/learn/easing-curves) that is not a public URL. The skill does not instruct reading unrelated files, exfiltrating data, or using secrets.
安装机制
No install spec and no code files — instruction-only. Nothing will be written to disk or downloaded by the skill itself.
凭证需求
The skill requests no environment variables, credentials, or config paths. There are no disproportionate permission requests.
持久化与权限
always:false and default invocation settings are used. The skill does not request persistent system privileges or modify other skills.
安全有层次,运行前请审查代码。

运行时依赖

无特殊依赖

版本

latestv1.0.02026/3/21

**web-animation-design** 技能初始发布,提供网页动画最佳实践: - 基于 Emil Kowalski 的 animations.dev 课程,提供设计有目的、自然感网页动画的完整指南。 - 包含清晰触发:针对运动、缓动、时长、过渡、性能或流行动画库(CSS、Framer Motion、React Spring、GSAP)提问时自动激活。 - 强调无障碍:始终检查并尊重 `prefers-reduced-motion`。 - 规定评审输出为 Markdown 表格(非“前后”文本列表)。 - 提供实用决策树,根据动画类型与性能需求选择工具(CSS、Framer Motion 等)。 - 详述不同交互类型的时长、缓动与无障碍最佳实践。 - 涵盖弹簧动画用法、配置及生动或可中断运动指南。 - 明确范围:仅在明确请求动画或运动时才启用。

无害

安装命令

点击复制
官方npx clawhub@latest install web-animation-design
镜像加速npx clawhub@latest install web-animation-design --registry https://cn.longxiaskill.com
数据来源ClawHub ↗ · 中文优化:龙虾技能库