القائمة
当设计或实现 Stripe、Linear、Apple、Vercel 那样产品级的 Web 动效时使用。涵盖动效原则、缓动/时长默认值、编排模式、滚动/悬停交互、性能、无障碍（reduced motion）与实现指引。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/shushuitie2017/design-agent-skills --skill animation-systemsيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
审计工作、用具体证据核验声明，并用五年级生也能懂的简单语言解释结果。当用户要求 review、审计、检查、核验、解释一处改动、解释一处修复、总结测试结果、验证某个东西是否有效，或把技术性发现翻译成给非技术读者看的大白话时使用。
当用户想为任何页面撰写、重写或改进营销文案时使用——包括首页、落地页、定价页、功能页、关于页或产品页。也在用户说"write copy for""improve this copy""rewrite this page""marketing copy""headline help""CTA copy""value proposition""tagline""subheadline""hero section copy""above the fold""this copy is weak""make this more compelling"或"help me describe my product"时使用。只要有人在处理需要说服或转化的网站文本，就用它。邮件文案见 email-sequence；弹窗文案见 popup-cro；编辑已有文案见 copy-editing。
仅起草的 Gmail 客户支持分诊，并为每封草稿创建对应的 Codex 项目线程。当用户要求运行客户邮件自动化、检查未读/最近的支持邮件、准备 Gmail 草稿回复、对客户/个人邮件分诊同时跳过自动化邮件，或为已起草邮件的跟进创建 agent/项目线程时使用。
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | animation-systems |
| description | 当设计或实现 Stripe、Linear、Apple、Vercel 那样产品级的 Web 动效时使用。涵盖动效原则、缓动/时长默认值、编排模式、滚动/悬停交互、性能、无障碍（reduced motion）与实现指引。 |
本技能帮你交付有品味、产品级的动效。 不是「更多动画」。 而是更好的动画：清晰、层级、反馈与愉悦——且不卡顿。
用动画来：
如果一个动画不服务于其中之一，删掉它。
以能到处复用的基元来思考。
用于：文字块、卡片、模态。
用于：popover、toast、选中态。
用于：抽屉、步骤过渡。
用于：tab 指示器、展开卡片。
把这些作为起始系统。
选一个小集合并复用。
如果实现：
优先：
transform（translate/scale/rotate）opacity避免（除非必要）：
始终支持 prefers-reduced-motion。
策略：
问用户：
返回：