动效开发
77 / 100 · Review before installing
Check before installing.
动效工程实施层。在 React 项目中按上下文嗅探选 React Bits OSS 组件并通过 `npx shadcn add` 安装;在非 React 项目(Vue / Svelte / Astro / vanilla JS)中直接写 CSS/JS 或推荐合适的动效库。三层设计哲学:上下文优先(读代码比追问便宜)/ 视觉动效描述(用日常语言描述动效像什么,不说技术参数)/ 嗅探主驱(追问是逃生通道,不是主路径)。所有产物强制场景合规自检(DASHBOARD 场景禁止无限循环、禁止持续背景动效、禁止超大位移);安装后按 Personality + scene 调 props(不裸用组件默认值)。 触发关键词:动效开发、动效实现、装动效组件、React Bits、reactbits、动效落地、给按钮加效果、给标题加动效、给背景加动效、hover 效果、点击效果、入场效果、滚动效果、loading 动画。 排除(反向):不定动效调性 / Personality(用 /动效规划 先定)、不生成 Lottie JSON、不写 GLSL/WebGL shader、不覆盖非 Web 平台(Flu…
What this skill can do
Downloads and installs other software
Runs commands on your computer
Connects to the internet
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'motion-apply' ] || [ -L ~/.agents/skills/'motion-apply' ]; then echo 'A skill folder named motion-apply already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/ahang1598/doubao-workbuddy-qwenwork-skills' "$d" && git -C "$d" checkout --quiet '5e45653f59a2e4a2a65f575e8aaf7637165674d5' -- 'qwenwork/experts/product-design/skills/motion-apply' && mkdir -p ~/.agents/skills && cp -R "$d"/'qwenwork/experts/product-design/skills/motion-apply' ~/.agents/skills/'motion-apply' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'motion-apply' ~/.claude/skills/'motion-apply' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/ahang1598/doubao-workbuddy-qwenwork-skills/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-07 | 5e45653 | 77 |