Webflow - AI SDK Tools and Agents

Give your AI agents the power to list and publish sites, manage pages, retrieve form submissions, and even add custom code to your Webflow projects. Pre-built agents like the LeadResponseAgent can automatically process form submissions and send response emails using Resend templates.

Installation

npm install @224industries/webflow-ai-sdk

Setup

Set the following environment variables:

WEBFLOW_API_KEY="your_webflow_api_key"
WEBFLOW_SITE_ID="your_default_site_id"

# Required for LeadResponseAgent (uses Resend via `resend-ai-sdk` tools)
RESEND_API_KEY="your_resend_api_key"
RESEND_EMAIL_DOMAIN="your_verified_domain"

Get your Webflow API key from the Webflow Dashboard and your Resend API key from the Resend Dashboard (optional).

Usage

// Import individual tools
import { generateText, stepCountIs } from "ai";
import { listSites, listPages, updatePage, publishSite } from "@224industries/webflow-ai-sdk/tools";

const { text } = await generateText({
  model: 'openai/gpt-5.2',
  tools: { listSites, listPages, updatePage, publishSite },
  prompt: "List all my sites and their pages",
  stopWhen: stepCountIs(5),
});

// Or use a pre-configured agent
import { LeadResponseAgent } from "@224industries/webflow-ai-sdk/agents";
import { anthropic } from "@ai-sdk/anthropic";

const agent = new LeadResponseAgent({
  model: anthropic("claude-sonnet-4-20250514"),
});

const { text } = await agent.generate({
  prompt: "Check my Webflow site for new form submissions and respond to any new leads using the New Lead template in Resend.",
});

Available Tools

| Tool | Description | |------|-------------| | listSites | List all Webflow sites accessible with the current API token | | publishSite | Publish a site to custom domains or the Webflow subdomain | | listPages | List all pages for a site with pagination | | updatePage | Update a page's title, slug, SEO, and Open Graph metadata | | listForms | List all forms for a site with field definitions | | listFormSubmissions | Retrieve submitted form data, optionally filtered by form | | listCustomCode | List all custom code scripts applied to a site and its pages | | addCustomCode | Register and apply an inline script to a site or page |

Available Agents

| Agent | Description | |-------|-------------| | LeadResponseAgent | Processes Webflow form submissions, creates Resend contacts, and sends template-based response emails |

AI SDK Library

Find other AI SDK agents and tools in the AI SDK Library.

Resources

• Vercel AI SDK documentation
• Webflow API documentation
• Resend AI SDK tools
• Resend API documentation

Contributing

Contributions are welcome! Please read our Contributing Guide for more information.

License

MIT License

Creator

Ben Sabic (Fractional CTO) at 224 Industries