Skill UI

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.

A comprehensive, production-ready reference architecture for building robust data scraping systems using Bright Data's full suite of tools (Web Unlocker, Scraping Browser, SERP API). This template provides best practices for project layout, managing proxies, designing data pipelines, and integrating scheduling/storage components in a Node.js/TypeScript environment.

This skill acts as a specialized prompt engineer for AI design tools. It transforms vague, rough UI/UX ideas into polished, highly optimized prompts. It systematically enhances prompts by injecting missing details such as specific components, design system adherence (colors, typography), page structure, and platform context, ensuring the resulting command is professional and ready for superior AI generation.

A comprehensive skill for building enterprise-grade integrations with Figma. It covers the full OAuth 2.0 authorization code flow, token refreshing, and secure handling of user access tokens. It provides methods for managing team structures, listing projects, accessing components/styles, and utilizing advanced, enterprise-only features like the Variables API.

This guide provides a comprehensive walk-through of making the first REST API calls to Figma. Users learn how to fetch core file metadata (name, version, pages) and traverse the complex document structure (nodes, frames, components). It's ideal for developers starting a new Figma integration, setting up API connectivity tests, or understanding the fundamental relationships between design elements within a Figma file.

This plugin allows developers to build Framer components by syncing data from external data sources (such as APIs or databases) into Framer's Managed Collections. It serves as the primary integration pattern, handling both schema creation and item population. Use this when your design requires displaying dynamic content driven by external systems.

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 comprehensive 'Hello World' guide serves as a foundational tutorial for Framer development. It demonstrates key skills across the ecosystem, including building functional plugins (UI interaction), creating customizable code components with property controls, implementing dynamic code overrides for sophisticated animations, and interacting with the Framer Server API for headless site data management. Ideal for developers starting a new Framer integration or mastering core API patterns.

This guide details how to set up a robust, local development loop for Framer plugins and components. It covers hot-reloading using Vite, writing unit tests with Vitest, and integrating with the Framer Server API. This workflow enables developers to achieve fast iteration cycles, ensuring seamless development from concept to production-ready prototype within the Framer environment.

Provides a comprehensive reference architecture for building production-ready Framer integrations. This guide covers optimal project layout, including plugins, server API backend, CMS synchronization patterns, and advanced code components. Use it when designing new, complex Framer applications or establishing enterprise-level development standards.

This skill demonstrates how to build a robust, event-driven indexing system for Glean. It processes real-time webhooks received from various source systems (like GitHub, Notion, Confluence), handling events such as document indexing, permission changes, and search anomalies. The solution includes critical components like signature verification and idempotent message handling to ensure data consistency and reliability.

This guide details the recommended reference architecture and project structure for integrating with the Hex platform. It covers best practices for designing robust data pipelines, including components like orchestration layers (Airflow, Dagster), API clients, and standardized project layouts. Use this when starting new Hex integrations or reviewing complex data workflows.