Skill UI

A comprehensive skill for implementing secure, real-time webhook endpoint handling for Canva. This module covers receiving and verifying signed JWT payloads using JWK keys, enabling your application to react instantly to various user interactions (e.g., comments, design sharing, access requests). Ideal for building sophisticated SaaS integrations and automating workflows based on Canva activity.

A comprehensive checklist for validating the production readiness of design-to-code pipelines, specifically for Anima's service converting Figma designs into React, Vue, and HTML. Use this guide when deploying automated code generation services, setting up CI/CD for design handoffs, or validating output quality to ensure component integrity and prevent production failures.

A comprehensive, multi-chain reference architecture for building robust decentralized applications (dApps) powered by Alchemy. This guide outlines the full stack, from the React/Next.js frontend and API layer to core blockchain interactions, incorporating best practices like rate limiting, caching, and secure API proxying. Ideal for planning complex, production-grade Web3 systems across multiple chains (ETH, Polygon, etc.).

This guide provides a comprehensive workflow for deploying Algolia-powered search applications to various cloud platforms, including Vercel, Fly.io, and Google Cloud Run. It covers best practices for API key separation (Admin vs. Search-Only), setting up environment variables, and implementing both backend API routes and advanced frontend components using React InstantSearch or vanilla JavaScript.

This workflow automates the design handoff process by creating a continuous pipeline from Figma designs to functional React code. It scans Figma components, generates code batches (supporting TypeScript, Tailwind CSS, etc.), and includes change detection to automatically update the codebase when the design source changes. Ideal for building complex design systems and implementing CI/CD design-to-code workflows.

This advanced workflow allows developers to clone live websites directly into structured React or HTML code using the Anima platform. It goes beyond simple cloning by featuring post-generation customization rules (e.g., updating utility classes or imports) and a dedicated design token mapper. This ensures the generated code is immediately usable and adheres strictly to the project's existing design system tokens, while also organizing the final component structure.

This guide details how to install and configure the Anima SDK for robust Figma-to-code generation. It is essential for developers setting up design-to-code automation pipelines, requiring configuration of both Anima and Figma API tokens. The SDK enables converting designs into production-ready React, Vue, or HTML components with Tailwind, MUI, or AntD styling.

This expert skill converts static or modern frameworks (React, Next.js, HTML) into fully dynamic, pixel-perfect, and SEO-optimized WordPress themes. It functions as a senior architect, ensuring absolute fidelity to the source while integrating core WordPress functionalities like ACF, custom hooks, and technical SEO best practices. Ideal for large-scale website migrations.

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.

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.