Framer Motion

interaction-design 技能可帮助团队设计并实现有明确目的的 UI 动效、微交互、过渡效果、加载状态和反馈模式，并提供实用的 React 导向参考资料与使用建议。

design-taste-frontend-v1 是面向高自主性前端工作的原始 taste 技能，为了保持完全向后兼容而保留。它有助于生成更偏向 React/Next.js 的 UI 代码，提供更清晰的审美决策、依赖检查和实用护栏。当你需要旧版行为而不是 v2 的实验性重写时，请使用这个 design-taste-frontend-v1 技能。

frontend-dev 是一项用于前端开发的技能，帮助你构建精致、可直接上线的网页，涵盖高级 UI、电影感动效、AI 生成媒体、说服力文案和生成式艺术。适用于落地页、营销站、产品页、仪表盘以及其他需要设计、内容和实现细节保持一致的前端工作。

frontend-ui-dark-ts 帮助你使用 TypeScript、Tailwind CSS、Framer Motion 和可复用设计 tokens 构建深色主题的 React UI。它适合仪表盘、管理后台、分析视图以及其他需要精致暗色美感和一致组件模式的数据密集型界面。

fixing-motion-performance 可帮助你审查并修复 UI 动画性能问题，默认不更改你的技术栈。适合前端场景中动画卡顿、与滚动联动的效果开销过高，或过渡动画触发布局、绘制或合成工作时使用。它能把动画 bug 转化为清晰、可直接落到代码层面的修复方案。