Skill UI

This comprehensive guide teaches developers how to build advanced, interactive, and data-driven components within Framer using React. It covers creating components with dynamic property controls (e.g., animated counters), integrating real-time data from external APIs, and implementing sophisticated behavioral code overrides (such as scroll-triggered animations or magnetic interactions). Ideal for extending Framer's capabilities for professional web design.

This guide teaches how to build robust, production-grade ReAct agents using LangGraph 1.0's `create_react_agent`. It specifically addresses common agent failure modes, such as preventing infinite loops (recursion caps) and ensuring proper error propagation. Learn to define typed tools using Pydantic, manage state with checkpointers, and set precise recursion limits. Perfect for users migrating from legacy AgentExecutor or building reliable, multi-step tool-calling workflows.

This skill provides comprehensive documentation and implementation guidance for setting up and handling MindTickle webhooks. It allows external applications to react in real-time to key user lifecycle events, such as course completion, quiz submissions, user provisioning, and progress updates. Use cases include syncing progress to HRIS/CRM (e.g., Salesforce), triggering automated alerts, or managing user access in downstream systems.

This comprehensive guide details the process of implementing a secure and robust system for handling Palantir Foundry webhook events. It covers key steps including API-based webhook registration, mandatory signature verification with replay protection, sophisticated event routing for various object lifecycles (create, update, delete), and ensuring idempotent processing using caching mechanisms like Redis. Use this when external microservices must react reliably and immediately to changes within the Foundry Ontology or data assets.

These extensions enable developers to customize the Shopify checkout experience using sandboxed, React-like components. They serve as the modern replacement for the deprecated checkout.liquid, allowing deep integration into the purchase flow. Use cases include adding custom data fields (metafields), rendering dynamic promotional banners, and reading real-time checkout state information.

This skill provides comprehensive diagnosis and optimization for agent skill libraries. By analyzing historical session transcripts from platforms like Claude Code and Codex, alongside static skill file checks, it scores each skill across 8 dimensions. It identifies issues such as low trigger rates, poor post-invocation user reaction, and incomplete workflow execution, generating a prioritized report (P0/P1/P2) to significantly improve the agent's overall performance and reliability.

Master event-driven patterns within Snowflake using native alerts, email integrations, external functions, and cloud notification services (S3/GCS). This skill is essential for building robust, reactive pipelines that trigger actions (like sending alerts, calling external APIs, or ingesting data) in response to data changes or specific system events. Use cases include data quality checks, real-time monitoring, and automated notifications.

Use the StackBlitz SDK to seamlessly embed live, interactive code playgrounds (WebContainers) directly into documentation, blog posts, or tutorials. This method allows users to view and experiment with code examples (e.g., React, TypeScript) without leaving the current page, making tutorials and documentation highly engaging and functional. Supports embedding from GitHub repositories or creating inline projects.

Automates the deployment of static web files (HTML, CSS, JS, images) to a specified domain using Cloudflare Pages via the Wrangler CLI. This skill is ideal for hosting Single-Page Applications (React, Vue), landing pages, portfolios, or documentation sites. It stages the site files and injects necessary cache revalidation headers to ensure content freshness after redeployment.

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 guide provides comprehensive implementation details for Webflow webhooks. It covers the entire lifecycle, including registering various trigger types (form submissions, new orders, site publishing) via the API. Critically, it teaches how to set up a secure backend endpoint with HMAC signature verification, allowing users to build robust, event-driven workflows that react automatically to user actions within Webflow.

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.