Design, edit, and publish Framer websites through the Framer agent CLI.
npx skills add https://github.com/leonardoacosta/agents --skill framer-leonardoacosta
Please help me install this Agent Skill. Skill: framer Source: https://github.com/leonardoacosta/agents/tree/main/skills/framer Command: npx skills add https://github.com/leonardoacosta/agents --skill framer-leonardoacosta
framer.agent.applyChanges and live project tree reads. - CMS and Content Operations: Create, read, update, and delete collections and items, sync external data, and manage localization programmatically. - Publishing and Analytics: Publish projects, manage deployments, capture screenshots, and query site traffic and conversions. - Use Case: Ask the agent to redesign your landing page hero section, update blog CMS entries, and publish the changes, all within one persistent session tied to your project. ## Quick Start Run npx @framer/agent@latest setup first, then ask the agent to connect to your Framer project and make the design or content change you need.High-intent search queries and answers about installing and using this skill.
Run npx @framer/agent@latest setup, then create a session with session new against your project URL or ID. Use framer.agent.applyChanges for design, layout, style, and CMS edits rather than low-level node APIs.
Read collections and items with framer.agent.getNodesOfTypes and serialize, then create or edit items with framer.agent.applyChanges. Collection fields are variables and item cells are $control__<fieldId> attributes.
Yes, use framer.agent.publish for publishing and deployment management. Do not use the lower-level publish, getDeployments, or deploy plugin API methods for normal agent publishing flows.
The CLI needs network access to reach Framer servers and file-system access outside the project directory to install skills. Run npx @framer/agent@latest commands with elevated permissions from the start instead of default sandboxed permissions.
You cannot change a page's path, assign code overrides to nodes, or access analytics data through APIs. For other gaps, check npx @framer/agent@latest docs for the specific method signature.
NagyViktGenerate branded Canva presentation decks from unstructured text briefs.
tethertoAutomate NPM package releases by validating versions, updating changelogs, and creating release branches.
tuyoogameQuery Figma design files to extract structure, components, and styles.
dylantarreExport design tokens as CSS variables for Framer prototypes.