Skill UI

A comprehensive guide to the three primary architecture patterns for integrating with Figma: CLI scripts, Webhook services, and dedicated plugins. This resource helps developers select the optimal pattern (REST vs. Plugin API) based on whether the use case requires real-time event handling, local automation, or in-editor component interaction. Ideal for planning robust Figma-connected applications like design token synchronization or linting.

This skill provides a comprehensive reference architecture and best-practice project layout for integrating Grammarly functionalities into custom applications. It details the separation of concerns, including Content Quality Service, API Client, and specific API calls (scoring, detection, plagiarism). It is essential for developers designing new Grammarly-powered SaaS integrations or establishing consistent architectural standards.

This professional guide provides a comprehensive, production-ready, layered architecture blueprint for building complex HubSpot CRM integrations. It details the project structure, service abstraction, error handling, and webhook processing patterns. Use this when designing new HubSpot integrations, reviewing existing codebases, or establishing robust architectural standards for enterprise applications.

A production-ready guide detailing the best-practice architecture for integrating with the Canva Connect API. It outlines the project structure, layer architecture (Routes, Services, Client, Infrastructure), authentication flow (OAuth 2.0 PKCE), and best practices for handling design creation, asset management, and exports. Use this when building new Canva-powered applications or standardizing existing integration projects.

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, production-ready reference architecture for building robust, scalable transcription services using AssemblyAI. This guide demonstrates best practices for layered system design, covering API endpoints, service logic, client management, and infrastructure integration (webhooks, database). It is ideal for designing new high-throughput speech-to-text applications.

This integration facilitates the secure deployment of Alchemy-powered decentralized applications (dApps) across major cloud platforms like Vercel and Google Cloud Run. It is designed to ensure that sensitive Alchemy API keys are treated as server-side secrets, preventing client-side exposure. Use this when setting up backend services, RPC proxies, or deploying production-grade Web3 applications requiring secure access to blockchain data.

This comprehensive guide provides a production-ready reference architecture for implementing scalable search using Algolia. It details best practices for index design (including multi-index strategies), establishing robust data pipelines from source databases, structuring the service layer (search, indexing, settings), and integrating the frontend for optimal performance.

This skill guides the deployment of the Anima design-to-code service as a backend API endpoint. It is essential for building microservices that convert Figma designs into functional code, suitable for internal design tools or production APIs. Supports deployment via Vercel and Google Cloud Run.

This guide outlines critical security best practices for design-to-code pipelines using Anima and Figma. It covers securing API credentials by restricting token scopes (e.g., read-only access for Figma), enforcing server-side execution for SDKs, and implementing robust secret management using cloud services like GCP Secret Manager. This minimizes the risk of credential leakage in CI/CD environments.

This module provides structured implementations of critical reliability patterns (Circuit Breaker, Graceful Degradation, Idempotency) for integrating with the Claude API. It helps developers build resilient, production-grade applications that can handle transient failures, rate limits, and service outages without failing completely, significantly enhancing system stability and user experience.

A robust reference architecture designed for integrating multi-property portfolios with the AppFolio Stack API. It manages complex tasks such as real-time vacancy tracking, tenant lifecycle management, work order routing, and financial accounting reconciliation (e.g., QuickBooks/Xero). Key components include a service layer, multi-level caching strategies for optimal data freshness, and an event-driven pipeline (using webhooks and message queues) to ensure data consistency and idempotency across all transactions, addressing potential rate limits and failure modes.