Skill UI

This skill provides a comprehensive guide to optimizing Algolia search performance. It covers best practices for reducing record size, selecting optimal searchable attributes, tuning faceting, implementing client-side caching, and configuring replica strategies. Use this guide to minimize search latency and drastically improve the end-user search experience.

This module provides structured implementations of critical reliability patterns (Circuit Breaker, Graceful Degradation, Idempotency) for integrating with the Claude API. It helps developers build resilient, production-grade applications that can handle transient failures, rate limits, and service outages without failing completely, significantly enhancing system stability and user experience.

This skill implements comprehensive observability (metrics, logging, and alerting) for Grammarly API integrations. It monitors critical performance indicators such as text check latency (p95), API error rates, suggestion acceptance rates, and token consumption. Use this setup when establishing robust monitoring systems, tracking real-time API performance degradation, or implementing proactive alerting to ensure consistent, high-quality user experiences in writing and editing flows.

This comprehensive checklist ensures that your Lucidchart integration is robust and resilient for production use. It covers critical areas such as OAuth2 token lifecycle management, handling document-level collaboration locks, managing rate limits, and ensuring correct API version pinning. By following these steps, developers can mitigate risks associated with concurrent edits, large diagram exports, and schema drift, guaranteeing a stable user experience.

This guide details how to build and integrate custom, editable components for a Website Builder platform using the webiny-website-builder-nextjs SDK. Developers can learn to register components, define configurable inputs (text, image, colors, etc.), handle complex data types (like lexical objects), implement advanced theming, and build Server Components to fetch live CMS data. Ideal for creating a seamless, professional user experience within a web editor environment.

Generate a high-fidelity, multi-screen mobile prototype simulating a gamified experience, perfect for habit trackers, life management apps, or RPG concepts. The output features three distinct phone frames: cover/value proposition, daily quests dashboard, and detailed quest view, all presented on a single dark showcase stage. Ideal for visualizing user journeys and engagement mechanics.

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.

Provides comprehensive, expert-level guidelines for building a cozy, cafe-inspired UI design system. It covers style foundations (color, typography, spacing), component anatomy, accessibility (WCAG 2.2 AA), and content tone. Ideal for engineers and designers collaborating on a cohesive, user-centric product experience.

A comprehensive technical and aesthetic guide for building a modern, high-contrast user interface. This system defines foundational constraints, including color tokens, typography scales, and spacing grids, while rigorously ensuring WCAG 2.2 AA accessibility standards. It provides structured rules for component states, interactions, and development workflow to ensure consistency and superior user experience.

This guide details techniques for pre-caching critical assets in Flutter and Flutter Web, including Google Fonts, local images, and network resources. By proactively loading required data and assets (e.g., using `precacheImage` or `GoogleFonts.pendingFonts`), developers can prevent common performance issues like jank, loading flashes, and delayed rendering, ensuring a smooth and fast initial user experience.

This skill simulates a world-class Senior System Design Engineer with 20+ years of experience at top tech companies. It helps users design, review, and scale complex, highly available, and resilient distributed systems. It covers every aspect from database sharding and microservices decomposition to caching strategies, observability stacks, and CI/CD pipelines, providing detailed blueprints and mathematical scaling estimates.

A comprehensive guide for designing and implementing 3D user interfaces across web, mobile, and cross-platform environments. Learn core principles like perspective transformations, Z-axis depth, and interactive rotation to build visually stunning, spatially immersive, and highly engaging product experiences.