Skill UI

A guide detailing four validated architectural patterns for integrating Claude APIs, catering to diverse scale and use cases. Choose between Serverless, Streaming Microservice, Queue-Based Pipelines, or complex Orchestrators to optimize performance, cost, and latency for your application, whether it's a real-time chatbot or large-scale batch processing.

A comprehensive guide detailing three validated architectural patterns (Monolith, Service Layer, Microservice) for integrating with the Canva Connect API. This blueprint helps developers choose the optimal structure—from simple MVPs to complex enterprise systems—by addressing concerns like token management, asynchronous exports, rate limiting, and scaling strategies.

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 comprehensive guide presents three validated architectural blueprints for integrating Adobe services (Firefly, PDF, etc.). It helps developers decide between simple direct SDK integration (suitable for MVPs), native Adobe App Builder (serverless functions), or robust, high-throughput dedicated microservices, based on team size, complexity, and required scalability.

A comprehensive guide detailing three scalable architecture patterns for integrating applications with HubSpot CRM. It helps developers choose the optimal design based on project scale, ranging from simple embedded clients for MVPs, to robust Service Layers with caching and async queues, up to dedicated, enterprise-grade API Gateways for multiple services. Essential for planning complex, high-volume integrations.

A comprehensive guide detailing five validated architecture patterns for utilizing Notion as a powerful backend database. Use cases include: Headless CMS for blogging, task tracking for project management, building knowledge bases (wikis), handling form submissions, and serving as a data pipeline source. Includes schema design and code examples using TypeScript and Python.

This guide helps users select and implement the optimal architecture pattern for Salesforce integrations. It compares three main approaches: simple Direct API polling, highly scalable Event-Driven using Change Data Capture (CDC), and complex Enterprise Middleware/iPaaS solutions. Use this when designing new integrations, planning data migration, or determining the best sync method based on data volume, latency, and complexity requirements.

This guide helps developers choose the optimal architecture pattern for building on Shopify. It compares four validated variants: Embedded Remix App (for admin tools), Headless Storefront (for custom e-commerce experiences using Hydrogen), Backend Integration (for system syncing like ERP), and Theme App Extension (for storefront widgets). Use this resource when starting a new Shopify project to determine the correct development path and technology stack.

This guide provides a minimal, working example of connecting to a Shopify store using the GraphQL Admin API. It demonstrates how to initialize the API client, authenticate the connection, and execute a query to retrieve product and variant details. Ideal for developers starting a new e-commerce integration, testing API connectivity, or learning basic Shopify data retrieval patterns.

This skill provides comprehensive, expert-level guidelines for authoring robust design systems. It covers foundational style tokens, strict accessibility requirements (WCAG 2.2 AA), and detailed component anatomy (states, variants, interaction behavior). Use this to create implementation-ready documentation that ensures visual consistency and optimal user experience across all digital platforms.

This expert skill guides the creation of comprehensive, highly structured, and implementation-ready design system guidelines based on Material Design principles. It ensures consistency across visual style, accessibility (WCAG 2.2 AA), and component behavior. The output is actionable documentation covering tokens, states, variants, and anti-patterns, suitable for guiding both engineers and designers.

Invariant-Guard enforces a correctness-first approach to algorithm design. Instead of writing code and hoping it works, this skill mandates defining the function contract, loop invariants, termination arguments, and all potential edge cases *before* implementation. It is essential for complex algorithms where subtle bugs (like off-by-one errors or missed post-conditions) are common, ensuring mathematically rigorous and verifiable code.