此软件包包含技能和一个 CLI 工具, 可以让您最喜欢的本地代理直接与 Framer 项目交互 。 它与克勞德·克勞德(Claude Code),克勞德·克勞斯(Cursor),克勞德·克勞斯(Codex)等AI特工合作.
见 frader.com/代理/外部 学习更多.
开始
1. 安装
安装或更新全球现有技能:
npx @framer/agent@latest setup
这将安装技能到 ~/.agents/skills 财务报告和审定财务报表 ~/.claude/skills。 。 。 .
要删除这些技能( 例如在切换到 Frammer MCP 时), 运行 npx @framer/agent@latest uninstall。 。 。 .
如果您是新到的节点/npm或正在挣扎设置,请尝试将以下提示粘贴到您的代理中:
提示
Goal:
Ensure Node.js v24 or newer is installed, then run the @framer/agent setup.
Check first:
Run `node --version`.
If Node.js is already installed and the major version is 24 or higher:
Do not install or modify Node.js. Continue to the @framer/agent setup.
If Node.js is missing or older than v24:
Install an official Node.js release with major version 24 or higher.
Install policy:
Use an existing package manager only if it is already installed.
Do not install Homebrew, winget, Chocolatey, Scoop, nvm, fnm, or another package manager just for this task.
Install options:
macOS:
- If Homebrew is already installed, use it to install Node.js.
- Otherwise use the official Node.js `.pkg` installer.
Windows:
- If winget is already installed, use it to install Node.js.
- Otherwise use the official Node.js `.msi` installer.
Linux:
- If the system package manager can install Node.js v24 or newer, use it.
- For Debian/Ubuntu or RHEL/Fedora-compatible systems, use the official NodeSource instructions for Node.js 24 or newer.
- Otherwise use the official Node.js standalone Linux binary for the detected architecture.
Official downloads:
Use the static latest Node.js release directory when downloading installers or binaries:
https://nodejs.org/download/release/latest/
Verify:
After installing, run `node --version` again.
Only continue if the major version is 24 or higher.
Final step:
Run `npx @framer/agent@latest setup`.
Success message:
If the setup completes successfully, tell the user they are now set up and what the user should do next:
Create a new thread, then copy your Framer project link:
- Browser: copy the address bar when the project is open.
- App: right-click the project tab, then choose "Copy Project Link".
2. 连接您的项目
在您的 AI 代理中, 只需请求为您的工程工作, 粘贴相关的工程 URL 。 您也可以手动引用 framer 技术。 这将连接到您的 Framer 工程, 并请求您从您的浏览器中批准对工程的访问 .
3. 写出您的第一个提示
告诉你的经纪人 建造、改变或修复。 它在您的 Framer 项目中直接工作, 无需打开 .
经常问的问题
我是否需要设置一个 Framer MCP 服务器?
没有。 帧器不需要单独的 MCP 服务器 。 如果您正在搜索 Framer MCP, 本地的 Framer Agent 连接可以直接访问您的画布、组件、 CMS 和项目背景, 而无需手动设置 MCP .
哪些人工智能特工得到支持?
Framer Agent与任何能够与Swills合作并可以调用本地工具的本地代理拉带合作,包括克洛德代码,Codex,Cursor,双子座CLI,和Windsurf.
代理可以编辑我的现场吗?
没有。 代理在你的画布上工作 在Framer编辑器,而不是在您公布的网站。 更改只当您选择自己发布或告诉代理时才进行.
特工能进入我的CMS吗?
对 一旦连接,代理可以读取并写入CMS集合,包括创建,更新和删除项目. 你控制着那些被公布的东西.
允许特工进入我的项目安全吗?
代理只能访问您明确连接到的项目 。 它无法访问其他工程、您的账户设置或计费。 您可在任何时候取消访问.
如果特工犯错怎么办?
帧器有分支,因此,外部代理所做的每一个更改都会自动发生在分支上. 你可以撤销更改,审查分支,并决定何时将其重新合并到您的主要分支.
这会消耗我的代币还是框架代币?
用法只会消耗你自己的代理代币.
这为什么用这么多的符号?
用于Framer Agent的托肯消费可能相对较高. 对于其他的工作,如网络开发任务,你的代理已经有很多知识被烤入了它的模型,因此能够直接工作. 对于Framer Agent,我们需要首先教你的AI如何与Framer项目互动,并提供许多上下文. 这需要一定的象征性使用才能完成手头的任务.
狦иΤ min-release-age 设置在我的 npm 配置?
如果您的 npm 配置延迟新软件包使用 min-release-age,您可以让生成的 Framer Agent 技能覆盖延迟。 立即更新您安装的技能 :
npx --min-release-age=0 @framer/agent@latest override-min-release-age enable
要恢复您的默认 npm 行为 :
npx @framer/agent@latest override-min-release-age disable