Skill UI

This guide details how to configure the VS Code Port Monitor extension. It allows developers to monitor the port status (in use or free) for development servers (like Vite, Next.js) and databases in real time directly on the status bar. Use this skill to set up multi-service or full-stack development environments, prevent port conflicts, and troubleshoot running services.

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.

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.

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.

This skill provides comprehensive strategies for handling rate limits when interacting with the Webflow Data API v2. It covers using SDK built-in retries, implementing custom exponential backoff with jitter, controlling concurrency using request queues, and optimizing calls with bulk endpoints (e.g., createItemsBulk). Use this guide when encountering 429 errors or when maximizing API throughput is critical for robust applications.

This skill provides a robust, schema-driven solution for managing and enforcing permissions in administrative user interfaces. It allows developers to define complex permission structures (the domain schema) and automatically generates associated UI forms, injectable permission checks, and component props. Use it to add granular permission controls to any admin section, supporting multi-entity, complex access scopes (e.g., full/own), and various operational actions.

A comprehensive skill for developers needing to deeply customize the Webiny Admin UI. Features include white-labeling (changing logos, themes, and titles), adding custom columns to content entry lists, and developing custom forms for Website Builder page types. It covers advanced React components like AdminConfig, ContentEntryListConfig, and custom form validation.

This skill provides a robust, schema-based system for handling API authorization and access control. It enables developers to define detailed permission schemas (the domain layer) and create injectable, type-safe permissions abstractions (the feature layer). Use this system when implementing complex access control logic, checking granular read/write/delete permissions, or enforcing resource ownership scoping (`own` records) across API use cases.

This skill provides a detailed guide on extending the Webiny Command Line Interface (CLI) by implementing custom commands. It utilizes the `CliCommandFactory` pattern to define structured commands, manage typed parameters, and execute complex logic. Use cases include automating data migrations, generating boilerplate code, executing custom deployment workflows, and performing CMS content exports.

This skill guides developers on integrating Okta as an external Identity Provider (IDP) for Webiny. It replaces default authentication methods (like Cognito) by utilizing the OpenID Connect (OIDC) standard. The process involves setting up an API configuration class to map Okta's JWT claims to Webiny identities, and creating a React extension component to wire the issuer URL, client ID, and configuration path, enabling seamless Single Sign-On (SSO) using Okta.

This skill provides a robust mechanism for extending an existing API gateway by adding custom, non-GraphQL HTTP endpoints (GET, POST, PUT, etc.). Developers can implement the Route.Interface and register it using the <Api.Route> component. It supports full Dependency Injection (DI), providing framework-agnostic Request and Reply objects, making it ideal for integrating complex business logic directly into the API structure.