Skill UI

Automate the critical workflows of design systems by integrating Figma directly into your CI/CD pipelines. This tool allows you to automatically sync design tokens on a schedule, export assets upon pull requests, and validate design system consistency, ensuring design-code parity and preventing manual errors during deployment.

This skill provides a comprehensive workflow to export images, icons, and assets directly from Figma files using the REST API. It enables users to render specific frames or components as high-quality PNG, SVG, JPG, or PDF files. Ideal for building automated asset pipelines, generating documentation previews, or batch exporting large icon libraries.

A comprehensive workflow for setting up CI/CD pipelines for Flexport logistics integrations. This tool automates unit testing with mocked data, and executes live API contract validation against the Flexport sandbox upon merging to the main branch. It ensures data transforms and API compatibility across shipment lifecycle events, covering core logistics functions like booking, tracking, and customs documentation.

This comprehensive guide serves as a quick reference for diagnosing and fixing common Flexport API v2 errors. It covers standard HTTP status codes (e.g., 401, 403, 422, 429, 5xx), detailing the causes and providing actionable fixes, including cURL examples and validation best practices. Essential for developers integrating supply chain solutions with Flexport.

This skill provides instructions for deploying Flexport logistics integrations across various cloud platforms, including Vercel, Fly.io, and Google Cloud Run. It is essential for setting up reliable, always-on webhook receivers, shipment tracking dashboards, and background workers necessary for comprehensive supply chain automation services in a production environment.

This guide provides a minimal working example for integrating with the Flexport REST API v2. It demonstrates core logistics operations, including listing shipments, retrieving detailed shipment milestones, and listing associated containers. It is ideal for developers starting a new Flexport integration, testing API connectivity, or learning the basic API patterns.

This detailed guide outlines how to configure the Flexport API for isolated development, staging, and production environments. It enforces best practices for data separation using distinct API keys, webhook secrets, and implements critical safety guards to prevent accidental data access or modification across environments.

A comprehensive checklist for pre-deployment and go-live procedures for Flexport logistics integrations. This guide covers critical areas such as API authentication setup, robust webhook handling (including idempotency and dead-letter queuing), data integrity validation, continuous monitoring setup, and safe rollback strategies when deploying to a production environment.

A comprehensive guide for developers migrating between different versions of the Flexport API, specifically detailing changes from v1 to v2. It covers breaking changes in request headers, response parsing (e.g., _object to data), pagination formats, and error structures, ensuring smooth integration updates.

Implements robust webhook event handling for Flexport, enabling real-time tracking and processing of critical logistics updates. It manages shipment milestones (e.g., departed, arrived, delivered), booking confirmations, PO changes, and invoice events. Includes signature verification (HMAC-SHA256) and idempotent processing to ensure reliable supply chain data integration.

This guide details setting up a robust Continuous Integration (CI) pipeline for validating Lucidchart diagramming API integrations. It employs a two-tier testing strategy: fast, mocked unit tests for basic logic verification (no OAuth required), and comprehensive, live integration tests that run only on the main branch merge to confirm full CRUD operations and export functionality against the live Lucidchart API. It also includes best practices for managing API rate limits and common error handling.

This skill provides a comprehensive guide on programmatically interacting with the Lucidchart API. It demonstrates how to create new documents, add structured shapes and connecting lines using standard import formats, and finally export the finished diagram (e.g., as PNG). It is ideal for automating the visualization of architecture diagrams, system workflows, or business processes within an application.