源自 GitHub网页交互动效
提供可复制的 CSS 动效，包括弹窗、下拉、Toast、骨架屏、数字、Tab、Tooltip、AI 思考状态等，并内置 reduced-motion 保护。适合增长运营、产品经理、创业团队。你可以这样用：说明网页交互动效的对象和目的；得到网页交互动效话术；调整语气与分寸。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
说明网页交互动效的对象和目的：给出对方身份、关系和你想达成的结果。
02
得到网页交互动效话术：给出可以直接使用的说法，并说明为什么这样说。
03
调整语气与分寸：检查用词、长度和可能引起的误解，改成能直接发出去的版本。
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“我要做网页交互动效，请先告诉我需要提供哪些材料。”
“根据我提供的资料完成网页交互动效，结果请写得具体、可以直接使用。”
“检查这份网页交互动效结果，指出错误、遗漏和下一步要做的事情。”
适用人群
适合谁？
上手门槛
使用难度
入门
无需编程基础。会和 AI 对话就能使用。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
