Skill UI

A comprehensive reference architecture for building production-grade integrations with the Figma REST API. This guide covers the full design-to-code pipeline, including design token extraction, scalable asset export (icons/images), and robust webhook event handling. Ideal for architects planning new Figma services, establishing project structure, or implementing complex design system workflows.

Learn how to implement and handle Figma Webhooks V2 for real-time integrations. This guide covers setting up the webhook endpoint, processing various event types (like file updates, comments, and library publishes), verifying payloads using passcodes, and implementing best practices such as idempotency for robust, event-driven automation workflows.

A comprehensive guide to diagnosing and fixing common technical and workflow errors encountered in the Finta fundraising CRM. It covers API status codes (400-502), data validation issues (e.g., duplicate investors, missing fields), and synchronization breakdowns for investors, pipelines, and emails. Essential for maintaining data integrity during fundraising operations.

This workflow manages critical logistics documentation via the Flexport API, including creating commercial invoices for customs clearance, maintaining detailed product catalogs (SKUs, HS codes, costs), and retrieving freight invoices. It is essential for integrating customs documentation, product data management, and billing reconciliation into your supply chain systems.

This guide details how to configure Framer's Continuous Integration/Continuous Deployment (CI/CD) pipeline using GitHub Actions. It covers automated testing for Framer plugins (using Vite/vitest), building, and synchronizing content from a CMS to the Framer site. Use this when setting up robust, automated deployment workflows for Framer projects, ensuring content and code changes are reliably published.

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 powerful orchestrator automates the entire GitHub issue lifecycle. It fetches issues based on criteria (labels, milestones, assignees), spawns specialized sub-agents to implement necessary code fixes, and automatically opens Pull Requests (PRs). Furthermore, it monitors open PRs, addresses review comments, and manages the remediation process, streamlining the development workflow from issue tracking to merge.

This skill provides comprehensive guidance and solutions for diagnosing and fixing common technical errors and exceptions encountered when integrating with the Grammarly API. It covers specific HTTP error codes (400, 401, 413, 429), addressing issues such as invalid tokens, payload size limits, rate limit exhaustion, and text formatting requirements. Use it when debugging failed API requests or troubleshooting complex integration workflows.

This skill guides users through installing and configuring the Hootsuite SDK/CLI authentication using OAuth 2.0. It covers the entire OAuth flow, including app registration, exchanging authorization codes for access tokens, and implementing token refreshing mechanisms. Essential for initializing any new Hootsuite integration project.

This elite skill acts as an art director and implementation strategist for modern web development. It mandates an 'Image-First' workflow: first generating high-fidelity, premium design images for specific sections (e.g., hero, product features), deeply analyzing these visual references, and only then translating them into clean, structured, and highly implementable frontend code. It is designed to avoid generic AI clichés, ensuring results that are aesthetically superior, structurally sound, and ready for professional deployment.

This skill orchestrates the entire development lifecycle for approved software tasks. It operates in autonomous or manual modes, rigorously applying Test-Driven Development (TDD). It automatically gathers all necessary context (specs, requirements, design, and historical learnings), validates the repository state, and dispatches specialized sub-agents to implement tasks one by one, ensuring high code quality, adherence to design, and process traceability.

This guide provides comprehensive strategies and code examples for managing and reducing API costs associated with large-scale usage of Lucidchart. It covers optimizing document exports through caching, batching operations, reducing excessive real-time collaboration events, and efficiently managing user seats to ensure cost-effective diagramming workflows.