webflow-hello-world

Solid

Create a minimal working Webflow Data API v2 example. Use when starting a new Webflow integration, testing your setup, or learning basic Webflow API patterns — list sites, read CMS collections, create items. Trigger with phrases like "webflow hello world", "webflow example", "webflow quick start", "simple webflow code", "first webflow API call".

AI & Automation 2,266 stars 315 forks Updated today MIT

Install

View on GitHub

Quality Score: 99/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Webflow Hello World ## Overview Minimal working examples demonstrating the three core Webflow Data API v2 operations: listing sites, reading CMS collections/items, and creating a CMS item. ## Prerequisites - Completed `webflow-install-auth` setup - `webflow-api` package installed - Valid API token with `sites:read` and `cms:read` scopes ## Instructions ### Step 1: List Your Sites Every Webflow API call starts with a `site_id`. List your sites to find it: ```typescript // hello-webflow.ts import { WebflowClient } from "webflow-api"; const webflow = new WebflowClient({ accessToken: process.env.WEBFLOW_API_TOKEN!, }); async function listSites() { const { sites } = await webflow.sites.list(); for (const site of sites!) { console.log(`${site.displayName}`); console.log(` ID: ${site.id}`); console.log(` Short name: ${site.shortName}`); console.log(` Custom domains: ${site.customDomains?.map(d => d.url).join(", ")}`); console.log(` Last published: ${site.lastPublished}`); console.log(` Locales: ${site.locales?.map(l => l.displayName).join(", ")}`); } } listSites().catch(console.error); ``` ### Step 2: List CMS Collections Collections define your content types (blog posts, team members, products, etc.): ```typescript async function listCollections(siteId: string) { const { collections } = await webflow.collections.list(siteId); for (const col of collections!) { console.log(`Collection: ${col.displayName}`); console.lo...

Details

Author
jeremylongshore
Repository
jeremylongshore/claude-code-plugins-plus-skills
Created
7 months ago
Last Updated
today
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

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".

2,266 Updated today
jeremylongshore
AI & Automation Solid

webflow-core-workflow-b

Execute Webflow secondary workflows — Sites management, Pages API, Forms submissions, Ecommerce (products/orders/inventory), and Custom Code via the Data API v2. Use when managing sites, reading pages, handling form data, or working with Webflow Ecommerce products and orders. Trigger with phrases like "webflow sites", "webflow pages", "webflow forms", "webflow ecommerce", "webflow products", "webflow orders".

2,266 Updated today
jeremylongshore
AI & Automation Solid

webflow-migration-deep-dive

Execute major Webflow migrations — from other CMS platforms to Webflow CMS, between Webflow sites, or large-scale content re-architecture using the Data API v2 bulk endpoints, strangler fig pattern, and data validation. Trigger with phrases like "migrate to webflow", "webflow migration", "import into webflow", "webflow replatform", "move content to webflow", "webflow bulk import", "wordpress to webflow".

2,266 Updated today
jeremylongshore
AI & Automation Listed

webflow-automation

Automate Webflow CMS collections, site publishing, page management, asset uploads, and ecommerce orders via Rube MCP (Composio). Always search tools first for current schemas.

335 Updated today
aiskillstore
AI & Automation Featured

webflow-automation

Automate Webflow CMS collections, site publishing, page management, asset uploads, and ecommerce orders via Rube MCP (Composio). Always search tools first for current schemas.

39,227 Updated today
sickn33