Skill UI

A comprehensive guide and workflow for deploying static websites (e.g., Vue, React, Angular, Hugo, Jekyll) from a local environment to a production server using VSCode SFTP. This skill covers setting up secure SFTP connections, generating production-ready Nginx configurations (including security headers, caching, and HTTPS redirects), and providing a complete deployment checklist for smooth CI/CD-like workflows.

A comprehensive guide to setting up continuous integration and continuous deployment (CI/CD) pipelines for Webflow Data API v2 integrations using GitHub Actions. This setup automates unit testing (mocked SDK), robust integration testing with real API tokens, CMS schema validation, and reliable publish-on-merge workflows, ensuring code quality and consistency in your Webflow projects.

This guide provides a comprehensive reference for diagnosing and fixing common Webflow Data API v2 HTTP errors (400, 401, 403, 404, 409, 429, 500). It covers the root causes and offers concrete code solutions in TypeScript and Bash for issues like invalid tokens, insufficient scope, or rate limits, helping developers effectively troubleshoot failed Webflow integrations and ensure data flow stability.

This tool executes the core Webflow workflow by managing CMS collections and items through the Data API v2. It enables the full CRUD lifecycle—create, read, update, delete, and publish dynamic content like blog posts, team profiles, or product listings programmatically. Use this when integrating with Webflow CMS to automate content management and publishing tasks.

This skill provides comprehensive API access to manage all aspects of a Webflow project. It covers site operations (publishing, listing), page metadata (SEO, Open Graph), handling form submissions, and full e-commerce functionality (products, SKUs, inventory, orders). Use this when automating site deployments, extracting form data, or managing product catalogs programmatically via the Data API v2.

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.