Skip to main content Startseite Ersteller jeremylongshore tons-of-skills-marketplace webflow-core-workflow-a
webflow-core-workflow-a Execute the primary Webflow workflow — CMS content management: list collections,
CRUD items, publish items, and manage content lifecycle via the Data API v2.
Use when working with Webflow CMS collections and items, managing blog posts,
team members, or any dynamic content.
Trigger with phrases like "webflow CMS", "webflow collections", "webflow items",
"create webflow content", "manage webflow CMS", "webflow content management".
Zur Installation springen Skills Marktplatz Entdecken und erkunden Sie KI-Skills, die von der Community erstellt wurden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Prompt-Details anzeigen Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill webflow-core-workflow-aDer Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.
Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.
ZIP herunterladen Herunterladen... Mehr aus diesem Repository langchain-deploy-integration Deploy a LangChain 1.0 / LangGraph 1.0 app to Cloud Run, Vercel, or LangServe correctly — with timeouts sized for chain length, cold-start mitigation, SSE anti-buffering headers, and Secret Manager over .env. Use when prepping a first production deploy, debugging a stream that hangs behind a proxy, or diagnosing p99 latency spikes. Trigger with "langchain deploy", "langchain cloud run", "langchain vercel python", "langchain langserve", or "langchain docker".
langchain-langgraph-agents Build a correct LangGraph 1.0 ReAct agent with create_react_agent — typed tools, error propagation, recursion caps, and stop conditions that actually stop. Use when writing a first tool-calling agent, migrating from AgentExecutor or initialize_agent, or diagnosing an agent that loops on vague prompts. Trigger with "langgraph agent", "create_react_agent", "langgraph tool calling", "AgentExecutor migration", or "agent loop cost".
langchain-langgraph-human-in-loop Build LangGraph 1.0 human-in-the-loop approval flows with interrupt_before /
interrupt_after and Command(resume=...) — JSON-serializable state, clean
resume semantics, and UI wiring for approval decisions. Use when adding an
approval gate before an expensive tool call, wiring a Slack/web UI for agent
approvals, or debugging a graph that crashes on interrupt.
Trigger with "langgraph human in loop", "langgraph interrupt_before",
"langgraph approval flow", "Command resume", "langgraph HITL".
name webflow-core-workflow-a description Execute the primary Webflow workflow — CMS content management: list collections,
CRUD items, publish items, and manage content lifecycle via the Data API v2.
Use when working with Webflow CMS collections and items, managing blog posts,
team members, or any dynamic content.
Trigger with phrases like "webflow CMS", "webflow collections", "webflow items",
"create webflow content", "manage webflow CMS", "webflow content management".
allowed-tools Read, Write, Edit, Bash(npm:*), Bash(npx:*), Grep version 1.5.0 license MIT author Jeremy Longshore <jeremy@intentsolutions.io> tags ["saas","design","no-code","webflow"] compatibility Designed for Claude Code
Webflow Core Workflow A — CMS Content Management
Overview
The primary money-path workflow for Webflow: managing CMS collections and items
through the Data API v2. Covers the full CRUD lifecycle — create, read, update,
delete, and publish CMS content programmatically.
Prerequisites
Completed webflow-install-auth setup
API token with cms:read and cms:write scopes
A Webflow site with at least one CMS collection
API Endpoints Reference
Operation Method Endpoint List collections GET /v2/sites/{site_id}/collectionsGet collection GET /v2/collections/{collection_id}List items (staged) GET /v2/collections/{collection_id}/itemsList items (live) GET /v2/collections/{collection_id}/items/liveGet item GET /v2/collections/{collection_id}/items/{item_id}Create item POST /v2/collections/{collection_id}/itemsCreate items (bulk) POST /v2/collections/{collection_id}/items/bulkUpdate item PATCH /v2/collections/{collection_id}/items/{item_id}Update items (bulk) PATCH /v2/collections/{collection_id}/items/bulkDelete item DELETE /v2/collections/{collection_id}/items/{item_id}Delete items (bulk) DELETE /v2/collections/{collection_id}/items/bulkPublish item POST /v2/collections/{collection_id}/items/publish
Instructions
Step 1: List Collections and Inspect Schema
import { WebflowClient
from
"webflow-api"
const
new
WebflowClient
accessToken
env
WEBFLOW_API_TOKEN
async
function
inspectCollections
siteId : string
const
await
collections
list
for
const
of
console
log
`\n=== ${col.displayName} (${col.slug} ) ===`
console
log
`ID: ${col.id} `
console
log
`Items: ${col.itemCount} `
console
log
`Fields:`
for
const
of
fields
const
isRequired
" [REQUIRED]"
""
console
log
` ${field.slug} (${field.type } )${req} `
Step 2: Create CMS Items Items are created as drafts by default (isDraft: true). Field names use slug format.
async function createItem (collectionId : string const item = await webflow.collections .items .createItem (collectionId, {
isDraft : false ,
fieldData : {
name : "My New Blog Post" ,
slug : "my-new-blog-post" ,
"post-body" : "<h2>Hello World</h2><p>Content here.</p>" ,
"author-name" : "Jeremy Longshore" ,
"publish-date" : new Date ().toISOString (),
"featured" : true ,
"category" : "ref-item-id-here" ,
"hero-image" : {
url : "https://uploads-ssl.webflow.com/..." ,
alt : "Hero image description" ,
},
},
});
console .log (`Created: ${item.id} (draft: ${item.isDraft} )` );
return item;
}
Step 3: Bulk Create (Up to 100 Items) async function bulkCreate (collectionId : string const items = Array .from ({ length : 50 }, (_, i ) => ({
fieldData : {
name : `Product ${i + 1 } ` ,
slug : `product-${i + 1 } ` ,
price : (i + 1 ) * 9.99 ,
description : `Description for product ${i + 1 } ` ,
},
isDraft : false ,
}));
const result = await webflow.collections .items .createItemsBulk (
collectionId,
{ items }
);
console .log (`Bulk created: ${result.items?.length} items` );
return result;
}
Step 4: Read Items (Staged and Live) async function readItems (collectionId : string const staged = await webflow.collections .items .listItems (collectionId, {
limit : 100 ,
offset : 0 ,
});
console .log (`Staged items: ${staged.pagination?.total} ` );
const live = await webflow.collections .items .listItemsLive (collectionId, {
limit : 100 ,
});
console .log (`Live items: ${live.pagination?.total} ` );
const item = await webflow.collections .items .getItem (
collectionId,
staged.items ![0 ].id !
);
console .log (`Item: ${item.fieldData?.name} ` );
}
Step 5: Update Items async function updateItem (collectionId : string , itemId : string const updated = await webflow.collections .items .updateItem (
collectionId,
itemId,
{
fieldData : {
name : "Updated Title" ,
"post-body" : "<p>Updated content</p>" ,
},
}
);
console .log (`Updated: ${updated.id} at ${updated.lastUpdated} ` );
}
async function bulkUpdate (collectionId : string , updates : Array <{ id: string ; fields: Record<string , any > }>const items = updates.map (u =>id : u.id ,
fieldData : u.fields ,
}));
await webflow.collections .items .updateItemsBulk (collectionId, { items });
}
Step 6: Publish Items Publishing makes staged changes visible on the live site.
async function publishItems (collectionId : string , itemIds : string []await webflow.collections .items .publishItem (collectionId, {
itemIds,
});
console .log (`Published ${itemIds.length} items` );
}
async function publishSite (siteId : string await webflow.sites .publish (siteId, {
publishToWebflowSubdomain : true ,
});
console .log ("Site published" );
}
Step 7: Delete Items async function deleteItem (collectionId : string , itemId : string await webflow.collections .items .deleteItem (collectionId, itemId);
console .log (`Deleted: ${itemId} ` );
}
async function bulkDelete (collectionId : string , itemIds : string []await webflow.collections .items .deleteItemsBulk (collectionId, {
itemIds,
});
console .log (`Deleted ${itemIds.length} items` );
}
Complete Content Sync Example async function syncContentFromExternalCMS (
siteId : string ,
collectionSlug : string ,
externalPosts : Array <{ title: string ; body: string ; publishedAt: string }>
) {
const { collections } = await webflow.collections .list (siteId);
const collection = collections!.find (c =>slug === collectionSlug);
if (!collection) throw new Error (`Collection "${collectionSlug} " not found` );
const { items : existing } = await webflow.collections .items .listItems (collection.id !);
const existingSlugs = new Set (existing!.map (i =>fieldData ?.slug ));
const newPosts = externalPosts.filter (
p =>has (slugify (p.title ))
);
if (newPosts.length === 0 ) {
console .log ("No new posts to sync" );
return ;
}
const items = newPosts.map (p =>isDraft : false ,
fieldData : {
name : p.title ,
slug : slugify (p.title ),
"post-body" : p.body ,
"publish-date" : p.publishedAt ,
},
}));
const created = await webflow.collections .items .createItemsBulk (
collection.id !,
{ items : items.slice (0 , 100 ) }
);
const newIds = created.items !.map (i =>id !);
await webflow.collections .items .publishItem (collection.id !, {
itemIds : newIds,
});
console .log (`Synced and published ${newIds.length} new posts` );
}
function slugify (text : string string {
return text.toLowerCase ().replace (/[^a-z0-9]+/g , "-" ).replace (/(^-|-$)/g , "" );
}
Output
Full CMS CRUD operations (create, read, update, delete)
Bulk operations up to 100 items per request
Separate staged vs live item access
Item publishing (individual items or full site)
Content sync workflow from external sources
Error Handling Error Cause Solution 400 Bad RequestInvalid field data or missing required fields Check collection schema for required fields 404 Not FoundWrong collection_id or item_id List collections first with collections.list() 409 ConflictDuplicate slug in collection Use unique slugs or add suffix 429 Too Many RequestsRate limit exceeded SDK auto-retries; for bulk, add delays between batches Site publish 429 >1 publish/minute Wait 60s between site publishes
Resources
Next Steps For site, page, and ecommerce management, see webflow-core-workflow-b.
