Skill UI

Provides comprehensive guides on setting up ClickUp API v2 authentication. Learn how to implement both Personal API Tokens (for server-side use) and OAuth 2.0 (for multi-user applications). This skill covers secure credential management, making authenticated HTTP requests, and handling common API error codes, ensuring robust integration development.

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 comprehensive guide details the ten most common mistakes and anti-patterns encountered when integrating with the Figma REST and Plugin APIs. It covers critical topics such as preventing oversized data fetches, managing rate limits, securing tokens, handling color format conversions, and optimizing data sync using webhooks instead of polling. Essential for code reviews and onboarding. Use when reviewing Figma code, onboarding new developers, or auditing an existing Figma integration.

A collection of production-ready patterns for interacting with the Figma REST API and Plugin API. It provides type safety, robust error handling, and reusable abstractions for tasks like building client wrappers, extracting design tokens, and traversing complex node trees. Essential for building scalable, enterprise-grade Figma integrations.

This guide provides a comprehensive walkthrough for authenticating and initializing the Grammarly SDK/CLI. Learn how to use OAuth 2.0 Bearer tokens to securely connect to Grammarly's services (including Writing Score, AI Detection, and Plagiarism Detection). Use this skill when setting up a new integration, handling API key configuration, or managing token refreshing in a development project.

This guide provides essential security fundamentals for integrating with the Grammarly API. It covers secure credential management (client secrets, access tokens), OAuth token handling, webhook signature verification, and data redaction techniques to protect sensitive user content and maintain compliance.

This guide provides a comprehensive walkthrough for setting up and configuring authentication for the Hex SDK/CLI using OAuth 2.0 Bearer tokens. It is essential for developers looking to integrate Hex into a project, allowing programmatic control over triggering project runs, checking status, and managing connections via the Hex API.

A comprehensive developer resource for diagnosing and resolving common Canva Connect API errors and HTTP status codes. It details issues such as expired tokens (401), insufficient permissions (403), rate limiting (429), and validation failures (400), providing specific causes, error payloads, and code-level fixes for seamless integration development.

This comprehensive guide details setting up a secure Canva Connect API integration using the OAuth 2.0 Authorization Code flow with PKCE (Proof Key for Code Exchange). It covers the entire lifecycle: client registration, token generation, code exchange for access tokens, and refreshing expired tokens. Use this skill when building applications that require programmatic access to Canva's design and asset management capabilities.

This guide provides comprehensive instructions for setting up and authenticating the Apify ecosystem. It covers installing and configuring core components including the apify-client library, the native Apify SDK, and the Apify CLI. Learn how to manage API tokens, use environment variables, and initialize the necessary tools for building web scrapers and automation workflows.

This comprehensive guide walks through setting up Adobe Developer Console OAuth Server-to-Server credentials. It is critical for establishing any new programmatic integration with Adobe services, including Firefly AI, PDF processing, and Creative Cloud access. The process covers project setup, installing various SDKs (Node.js/Python), and securely generating access tokens.

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.