Skill UI

This guide details how to install and configure the Anima SDK for robust Figma-to-code generation. It is essential for developers setting up design-to-code automation pipelines, requiring configuration of both Anima and Figma API tokens. The SDK enables converting designs into production-ready React, Vue, or HTML components with Tailwind, MUI, or AntD styling.

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.

This skill provides comprehensive API access to manage core Attio workflow components. Users can list and query pipelines, create, update, and delete list entries, track activities via notes, and manage tasks assigned to records. It is ideal for automating complex CRM workflows, sales pipeline management, and activity logging within Attio.

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 utility performs comprehensive diagnostics to verify the correct setup and operational health of Promptbook. It systematically checks the configuration file existence, API key validity via external calls, and recent session activity logs. It is essential for troubleshooting or for users who need to ensure all components are functioning correctly after initial setup or updates.

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 universal infrastructure for automatically evolving and optimizing AI agents across any domain. Using LLM-driven mutation and iterative solve-observe-evolve cycles, it enhances critical components like prompts, skills, and memory by benchmarking performance against measurable datasets, enabling the creation of self-improving AI systems.

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 skill automates the generation of formal drawing descriptions and comprehensive reference numeral indexes for patent applications. It processes user-provided technical diagrams (PNG, JPG, PDF), identifies components, maps connections, and assigns standardized reference numerals across multiple figures. It ensures that all technical descriptions are consistent, legally compliant, and cross-referenced accurately against the claims, streamlining the patent drafting process.

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.