用途：该技能面向 Framer 的设计到开发工作流，用于制作交互原型、生产网站与动画效果，并可通过 Framer MCP 服务器直接与 Framer 项目交互。
主要能力：Framer MCP 集成可列出与访问项目、查询项目结构与组件、读取组件代码和属性、访问 CMS 集合与内容、分析站点结构和页面、导出设计令牌与样式、监控构建与部署。设计侧涵盖画布与 Frame、响应式布局（Auto Layout）、组件与变体（variant、属性、实例覆盖）、约束与层叠。动画侧涵盖 Framer Motion 的声明式动画、弹簧物理、手势交互、布局动画与共享元素过渡。原型侧涵盖点击、悬停、按下、滚动、拖拽、光标与页面转场。站点侧涵盖路由、导航、SEO 元数据、Framer CMS 数据查询、自定义代码组件与属性控件。
使用方式：在可用时先检查 MCP 工具，再用其做项目发现、组件内省与自动化任务，保持设计与代码同步。代码示例包括 import { motion } from "framer-motion"、useScroll/useTransform、AnimatePresence，以及用 addPropertyControls、ControlType 为代码组件添加设计面板控件；CMS 数据用 useCollection("blogPosts") 读取（示例字段仅有 title、excerpt、slug，未见真实 schema）。
适用场景：审计现有 Framer 项目、提取设计令牌与组件、自动化 CMS 内容操作、监控构建状态、生成文档，以及构建响应式站点与交互动效。
限制：资料中未提供安装命令、价格、平台限制、具体版本要求或效果实测数据；示例断点与尺寸为常见值，非强制配置。