用途：该技能定位为 Framer 设计与开发专家，服务于从交互原型到生产站点的完整设计到开发流程，并强调通过 Framer MCP 服务器与 Framer 项目进行程序化交互。
主要能力：涵盖 Framer 画布与 Frame、Auto Layout、组件与变体、约束与 Stack；Framer Motion 的补间、弹簧、关键帧、变体、手势、布局动画与滚动动画；交互原型（Tap、Hover、Press、Scroll、Drag、页面过渡）；Framer Sites 的页面路由、SEO 元数据、CMS 集合与查询、自定义代码组件与属性控制；设计系统与共享库；响应式断点与移动优先；React Hooks、Context 与全局状态；以及滚动揭示、3D 变换、自定义缓动等进阶技巧。
使用方式：资料建议先检查可用的 MCP 工具，用 MCP 做项目发现、组件内省、设计令牌导出、CMS 内容操作与构建部署监控；代码层面使用 framer-motion 的 motion 组件、useScroll、useTransform、useReducedMotion 等，以及 framer 的 useCollection、addPropertyControls、ControlType。
适用场景：审计现有 Framer 项目、提取设计令牌与组件、自动化 CMS 内容操作、生成组件文档、构建响应式营销站点与交互原型。
限制：资料未提供该技能的具体安装命令、收费方式、平台支持范围与效果数据；性能优化建议包括优先使用 transform 与 opacity、避免动画 width/height、按需使用 will-change、支持 prefers-reduced-motion。