opencode

Connect OpenCode to Webflow

Give an AI agent your Webflow site as a tool and it can change what visitors actually see, not just draft copy about it. It can create and publish CMS collection items, build new collections and fields, upload assets, and add products and SKUs on its own, calling each action as a tool while it works through a task. Wire it into a hosted coding agent in NoClick and it can take a batch of content from raw data to live site pages unattended.
Loading preview…
Opens a workflow with 81 tools ready to use.

What happens next

Set up in minutes

The open button drops you into a guided setup. It asks exactly this, nothing else:
  1. Choose where it runs

    On your computer through your own OpenCode, or hosted in the cloud. The rest of setup adapts to your choice:

  2. Pick what it can do in Webflow

    A preset of real Webflow operations. Each one becomes a tool the agent can call, and it can't touch anything outside the list.

  3. Connect Webflow

    One sign-in. The agent acts through your account, scoped to the operations you picked.

  4. Add your personal MCP link

    The last step mints a private MCP URL for this agent and walks you through exactly this, with your real link filled in. The page flips to Connected the moment your OpenCode first calls in.

    1. Run this in your terminal

    $opencode mcp add

    2. Choose Remote and paste your server URL

    https://mcp.noclick.app/s/<your-link>

    3. Choose No when asked about OAuth authentication — the link itself is the key

    <your-link> is your personal server URL — setup mints it for you.

Exact capabilities

Tools OpenCode gets

Pick the operations you want and each becomes a tool the agent can call directly while it works.

Webflow

81 tools
List Sites

List all sites the token can access.

Get Site

Get details and metadata for a single site.

Publish Site

Publish a site to its domains (max 1 successful publish/min).

List Pages

List all static pages on a site.

Get Page Content

Get a page's static (DOM) text content.

Update Page Content

Update a page's static text content (DOM nodes).

List Collections

List CMS collections on a site.

Get Collection Details

Get a CMS collection's schema and fields.

Create Collection

Create a new CMS collection on a site.

Create Collection Field

Add a field to a CMS collection.

List Collection Items

List (staged) items in a CMS collection.

Get Collection Item

Get a single CMS item.

Create Collection Item

Create one or more staged CMS items.

Create Live Item

Create CMS item(s) directly on the live site.

Update Collection Item

Update a staged CMS item.

Delete Collection Item

Delete a staged CMS item.

Publish Collection Items

Publish staged CMS items to the live site.

List Forms

List forms on a site.

Get Form Schema

Get a form's field schema.

List Form Submissions

List submissions for a form.

Get Form Submission

Get a single form submission.

List Assets

List a site's assets.

List Products & SKUs

List ecommerce products and SKUs.

Create Product & SKU

Create an ecommerce product and its default SKU.

List Orders

List ecommerce orders.

Get Order

Get a single ecommerce order.

Fulfill Order

Mark an ecommerce order as fulfilled.

List Inventory

Get inventory for a SKU.

List Comment Threads

List page-design comment threads.

List Webhooks

List registered webhooks for a site.

Create Webhook

Register a webhook (triggerType + url) for a site.

Remove Webhook

Delete a registered webhook.

Get Authorized User

Get info about the user who authorized the token.

Get Custom Domains

List a site's custom domains (IDs used when publishing).

Get Page Metadata

Get a page's metadata (SEO, Open Graph, slug, draft state).

Update Page Metadata

Update a page's metadata (title, slug, SEO, Open Graph).

List Components

List a site's components.

Get Component Content

Get a component's content (DOM node tree).

Update Component Content

Update a component's static content (DOM nodes).

Get Component Properties

Get a component's properties.

Update Component Properties

Update a component's properties.

Delete Collection

Delete a CMS collection.

Update Collection Field

Update a collection field's display name / required / help text (type is immutable).

Delete Collection Field

Delete a field from a collection.

List Live Items

List published (live) items in a collection.

Get Live Item

Get a single published (live) CMS item.

Update Live Item

Update a published (live) CMS item.

Unpublish Live Item

Unpublish (delete-live) a CMS item from the live site.

Create Items (Bulk)

Create multiple CMS items at once (up to 100, multi-locale).

Get Product

Get a product and its SKUs.

Update Product

Update a product's field data.

Create SKUs

Create additional SKUs for a product.

Update SKU

Update a single SKU.

Update Inventory

Update inventory for a SKU.

Get Ecommerce Settings

Get a site's ecommerce settings (default currency, etc.).

Update Order

Update an order (comment, shipping provider/tracking).

Unfulfill Order

Mark an order as unfulfilled.

Refund Order

Refund an order.

List Site Form Submissions

List all form submissions across a site.

Modify Submission

Modify a form submission (hidden fields only).

Delete Submission

Delete a form submission.

Get Asset

Get a single asset's metadata.

Create Asset (Get Upload URL)

Create an asset (step 1: returns a presigned S3 upload URL to POST bytes to).

Update Asset

Update an asset's display name / alt text.

Delete Asset

Delete an asset.

List Asset Folders

List a site's asset folders.

Get Asset Folder

Get a single asset folder.

Create Asset Folder

Create an asset folder.

Get Comment Thread

Get a single comment thread.

List Comment Replies

List replies in a comment thread.

Get Webhook

Get a single registered webhook.

Introspect Token

Introspect the token — scopes, rate limit, authorized sites/workspaces.

Register Hosted Script

Register a hosted custom-code script to the site's library.

Register Inline Script

Register an inline custom-code script (<=2000 chars) to the site's library.

List Registered Scripts

List custom-code scripts registered to a site.

Get Site Custom Code

Get the scripts applied to a site.

Apply Site Custom Code

Apply scripts to a site (full-array upsert).

Remove Site Custom Code

Remove all scripts applied to a site.

Get Page Custom Code

Get the scripts applied to a page.

Apply Page Custom Code

Apply scripts to a page (full-array upsert).

Remove Page Custom Code

Remove all scripts applied to a page.

Starting points

What you can build

When a new row lands in a connected sheet or form, create a matching Webflow collection item and publish it live so the site updates on its own.
Import an entire batch of blog posts or listings in one pass by bulk-creating collection items from a data source.
When a collection item is published, send its URL to your team channel and log the release so everyone sees what went out.
When a new comment is created on a page, route it to the right owner so replies don't sit unnoticed.
Keep a store in sync by creating products and SKUs in Webflow whenever your inventory source changes.
When an item is unpublished or deleted, update your records and alert the content team so nothing goes stale.

Meet the runner

About OpenCode

OpenCode is an open, model-agnostic command-line coding agent. In NoClick it runs hosted and gains your apps as tools, so it can act on real systems rather than just edit files. Wire an integration into the agent and OpenCode can use that app’s operations directly while it works. It is a flexible choice when you want an open agent with broad model support and real tool access.
Open and model-agnostic
Flexible across many underlying models
Good general-purpose tool use
Lightweight to point at a focused task

Good to know

Frequently asked questions

Keep exploring

More ways to connect

Make it yours

Open your OpenCode agent in one click.

NoClick runs OpenCode for you with Webflow wired in as tools. Connect your account and run.