Skill UI

A comprehensive guide to optimizing Webflow usage costs. This skill teaches advanced strategies for reducing API expenses by prioritizing CDN-cached reads (free and unlimited), implementing bulk endpoint operations, caching collection schemas, and replacing inefficient polling with Webhook-driven updates. It also provides methods for API usage monitoring and recommending the optimal site plan.

Provides comprehensive methods for handling sensitive customer data within Webflow, including detecting and redacting PII from form submissions and e-commerce orders. This guide ensures data processing adheres to global regulations like GDPR and CCPA, and establishes robust data retention policies for secure development.

This utility collects comprehensive diagnostic evidence necessary for troubleshooting Webflow integrations and API usage. It automatically gathers crucial data points into a single, support-ready diagnostic bundle. Key metrics include the Webflow SDK version, API token validation status, rate limit headers, site connectivity reports, CMS health checks, and recent error logs, significantly streamlining the technical support process.

Seamlessly deploy Webflow-powered applications and APIs to leading cloud platforms like Vercel, Fly.io, and Google Cloud Run. This integration manages secure secret management, configures robust webhooks for event handling (e.g., form submissions, new orders), and includes comprehensive health checks, ensuring reliable, scalable, and continuous deployment for Webflow-based services.

Provides an enterprise-grade framework for managing Webflow access control using OAuth 2.0 and scope-based Role-Based Access Control (RBAC). This system enforces the principle of least privilege by mapping specific user roles (e.g., Viewer, Editor, Admin) to granular Webflow scopes. Key features include per-site token isolation and robust permission checking middleware, significantly enhancing security for complex SaaS integrations.

This script provides a minimal working example for interacting with the Webflow Data API v2. It demonstrates the core operations, including listing sites, reading CMS collections, fetching existing CMS items (draft/live), and creating new content. Use this guide when starting a new Webflow integration or testing your basic API setup.

This comprehensive runbook provides structured, step-by-step procedures for diagnosing and mitigating Webflow Data API integration failures. It guides teams through quick triage checks (status page, connectivity, rate limits) and offers specific remediation steps for common error types like Authentication (401/403), Rate Limiting (429), and Server Errors (500/502/503). Designed for rapid incident response, ensuring graceful degradation and postmortem documentation.

This guide provides comprehensive steps for installing the official Webflow JS SDK (`webflow-api`) and securely configuring authentication. It covers both API Token setup for server-side tools and the full OAuth 2.0 authorization flow for public, user-facing applications. Use this when building web integrations or automated workflows that require programmatic access to Webflow data and site management.

A comprehensive guide to configuring a fast, reproducible local development workflow for Webflow Data API v2 integrations. This setup includes TypeScript, hot reloading, Vitest mocking, and ngrok webhook tunneling, enabling developers to establish a rapid iteration cycle for seamless Webflow development and testing.

A comprehensive solution for migrating large volumes of content into Webflow CMS. This deep dive guide facilitates data transfer from diverse source formats—including WordPress, Contentful, Strapi, CSV, and JSON—using the Webflow Data API v2. It covers essential steps like target schema assessment, data transformation, bulk importing (100 items/batch), and robust data validation, making large-scale platform replatforming manageable.

Configure secure and isolated Webflow integrations across development, staging, and production environments. This guide details how to manage separate API tokens, Site IDs, and secure secrets using industry-standard secret managers like HashiCorp Vault, AWS Secrets Manager, and GCP Secret Manager, ensuring data integrity and reliable deployment in a CI/CD pipeline.

Implement a comprehensive observability stack for Webflow Data API v2 integrations. This skill provides structured code using Prometheus metrics, OpenTelemetry distributed tracing, and structured logging (pino) to monitor API call frequency, latency, error rates, and rate limit usage. Ideal for developers building robust, production-grade Webflow-connected SaaS applications that require deep performance insights and reliable alerting.