Skill UI

Master advanced patterns for composing LangGraph subgraphs, which is essential for building robust, multi-agent systems like planner-executors or hierarchical teams. This skill addresses critical issues such as shared state contract propagation (P21) and callback scoping (P28). Learn to manage state across independent graph components using sophisticated dispatch patterns: compiled nodes, Send fan-out, and Command bubble-up.

This guide provides comprehensive strategies for minimizing operational costs within the MindTickle learning platform. It details cost drivers across various components, including seat licenses, content storage, quiz assessments, call recording analysis, and API integrations. Users can learn best practices for content deduplication, implementing incremental sync, setting proper retention policies, and optimizing resource usage to reduce unnecessary spend and improve overall platform efficiency for sales organizations.

This reference architecture details the design of a multi-tenant integration layer for the MindTickle sales enablement platform. It strictly enforces tenant data isolation across all components (database, cache, queue) to ensure that organizational data remains separate. The system manages user synchronization (via SCIM 2.0), tracks course progress, records quiz results, and aggregates team readiness reports, making it ideal for complex SaaS enterprise deployments.

A specialized AI agent designed to build and audit business models using Alexander Osterwalder’s comprehensive 9-block framework. It moves beyond mere filling of blocks, focusing on establishing the critical logical 'lock' between core components like Value Propositions, Customer Segments, and Cost Structures. This tool is ideal for initial business architecture design, auditing existing models for internal consistency (e.g., ensuring every key activity has a corresponding cost), or re-validating the core logic during a strategic pivot.

A comprehensive guide for diagnosing and reducing high memory consumption in Qdrant. This resource is crucial when dealing with reports of 'memory leak', 'out of memory', or excessive RAM growth. It details how Qdrant manages resident memory and OS page cache, and provides advanced techniques such as quantization, using float16/int8 data types, and strategically storing components on disk (like HNSW indexes or sparse vectors) to minimize the memory footprint and ensure stable, scalable operation.

This skill allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.

A comprehensive workflow for scraping and extracting structured data from Google search results using the SerpApi. It captures all key components, including organic listings, knowledge graphs, answer boxes, People Also Ask (PAA), local pack results, and related searches. Ideal for SEO monitoring, market research, competitive analysis, or building search-powered features that require deep, structured data insights.

A comprehensive reference architecture for building scalable, production-grade search features using SerpApi. This blueprint covers essential components such as caching layers (Redis), multi-engine abstraction, SERP tracking pipelines, rate limiting, and credit budget management. Ideal for developers designing advanced search widgets, SEO tools, or complex search-powered applications.

These extensions enable developers to customize the Shopify checkout experience using sandboxed, React-like components. They serve as the modern replacement for the deprecated checkout.liquid, allowing deep integration into the purchase flow. Use cases include adding custom data fields (metafields), rendering dynamic promotional banners, and reading real-time checkout state information.

This workflow details how to build a complete, browser-based Integrated Development Environment (IDE). Using WebContainers, it integrates key components like a file explorer, Monaco editor, integrated terminal, and live preview. This architecture is crucial for developing interactive coding playgrounds, educational web tools, or embedding robust development sandboxes into existing web applications.

Provides comprehensive architectural guidelines for building scalable Webiny admin extensions. This pattern addresses separating business logic (headless features: UseCase/Repository/Gateway) from presentation logic (Presenters/Hooks/Components). It covers the standardized directory structure and layering necessary for creating robust, maintainable, and highly modular administrative interfaces.

A comprehensive catalog of reusable abstractions, hooks, and providers for rapidly building complex administrative dashboards and web applications. It provides foundational building blocks like state management providers, command palettes, form model factories, and specialized components, streamlining the development process for robust internal tools.