Skill UI

Provides a comprehensive production checklist specifically for WebContainer applications built using the StackBlitz SDK. This guide helps developers ensure that their web applications are robust and ready for deployment by checking essential aspects like security headers, cross-browser compatibility, and necessary fallback mechanisms.

This comprehensive guide details essential security practices for deploying WebContainers. It covers implementing Content Security Policy (CSP) headers, ensuring robust sandbox isolation, and performing rigorous input validation to mitigate common web vulnerabilities. Use this when developing applications with WebContainers or the StackBlitz SDK.

This skill provides essential guidance on managing key WebContainer lifecycle events, including server readiness, port changes, and error handling. It is crucial for developers integrating with WebContainers or using the StackBlitz SDK to ensure robust and reliable application state management in development environments.

This guide covers essential security best practices for utilizing Together AI's OpenAI-compatible API for inference, fine-tuning, and model deployment. It provides code examples and architectural advice on secure API key management, robust webhook signature verification, input validation using schemas (like Zod), and implementing data redaction pipelines to protect sensitive information in logs and datasets. Essential for building secure AI applications.

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.

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.

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 guide provides advanced strategies for optimizing Webflow Data API v2 performance. Learn how to mitigate rate limits and reduce latency by utilizing CDN-cached live item reads, implementing application-level or Redis caching, and leveraging bulk endpoints for efficient data writes. Essential for high-traffic, data-intensive Webflow projects that require robust scaling.

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.

Provides a comprehensive, layered reference architecture for building production-grade integrations with Webflow's Data API v2. This guide separates concerns into distinct layers: API access, business logic (CMS, e-commerce), webhook handling, and caching, ensuring scalability and maintainability for complex web applications.

This module provides essential abstractions for building web administration dashboards. It includes critical hooks like `useNavigateFolder` for structured routing and `useRecords` for standardized data fetching and state management. It simplifies complex frontend logic, ensuring consistency and reusability across large-scale admin applications.

This guide outlines robust architectural patterns for building complex administrative extensions within a React environment. It enforces strict separation of concerns by dividing logic into two main layers: Headless Features (business logic, using UseCase/Repository/Gateway) and Presentation Features (UI components, Presenters, and hooks). Following these patterns ensures highly maintainable, testable, and scalable codebases, promoting clean architecture principles for web applications.