Skill UI

A comprehensive guide for frontend engineers specializing in shadcn/ui. Learn best practices for component discovery, installation, and deep customization using Tailwind CSS and Radix UI. This resource covers project setup, component architecture, and advanced styling techniques for building robust, owned, and highly customizable applications.

This guide details Algolia's security best practices, focusing on scoped API keys. It covers essential concepts like separating API keys for frontend vs. backend use, applying the principle of least privilege, and generating secured, time-limited, per-user keys. It also provides a complete procedure for key rotation to maintain a robust production security posture.

A collection of production-ready patterns for integrating frontend applications with backend APIs. It solves complex asynchronous issues such as race conditions, stale data, and duplicate requests. Patterns include centralized API layering, request cancellation (AbortController), exponential backoff retries, debouncing, and request deduplication, ensuring highly resilient and reliable user experiences.

A comprehensive, multi-chain reference architecture for building robust decentralized applications (dApps) powered by Alchemy. This guide outlines the full stack, from the React/Next.js frontend and API layer to core blockchain interactions, incorporating best practices like rate limiting, caching, and secure API proxying. Ideal for planning complex, production-grade Web3 systems across multiple chains (ETH, Polygon, etc.).

This guide provides a comprehensive workflow for deploying Algolia-powered search applications to various cloud platforms, including Vercel, Fly.io, and Google Cloud Run. It covers best practices for API key separation (Admin vs. Search-Only), setting up environment variables, and implementing both backend API routes and advanced frontend components using React InstantSearch or vanilla JavaScript.

This comprehensive guide provides a production-ready reference architecture for implementing scalable search using Algolia. It details best practices for index design (including multi-index strategies), establishing robust data pipelines from source databases, structuring the service layer (search, indexing, settings), and integrating the frontend for optimal performance.

This comprehensive guide demonstrates how to implement robust, real-time streaming UIs using Cohere's `chatStream` method. It details handling various event types, including content deltas, citation information for RAG, and structured tool call streams. A practical example is provided for creating a Server-Sent Events (SSE) endpoint, making it ideal for front-end integration with advanced AI features.

A comprehensive directive for elite frontend developers, focusing on creating high-fidelity, award-winning web experiences. It mandates advanced techniques including GSAP motion triggers, mathematically flawless bento grids, and strict adherence to AIDA structure. This skill is crucial for building visually stunning, deeply interactive, and professional product or portfolio websites, moving beyond standard template limitations.

This skill restructures AI-generated content to maximize cognitive accessibility, specifically optimized for users with ADHD or neurodivergence. It uses evidence-based techniques such as chunking, visual hierarchy, front-loading key points, and progressive disclosure. It offers three distinct modes (clean, flow, zen) to tailor the output structure, ensuring that complex information is highly digestible and easy to follow.

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.

An elite skill dedicated to generating premium, app-native, and highly readable UI/UX concept images. It visualizes entire application flows—from onboarding and authentication to complex dashboards—for iOS, Android, and cross-platform products. The focus is on creating believable, highly intentional designs with strong consistency, controlled color palettes, and clean hierarchies, avoiding generic, default-style mockups.

This skill acts as an elite art director, generating highly structured, premium, and conversion-aware frontend design references. It is optimized for creating multi-section websites, landing pages, and marketing sites, ensuring consistency and visual appeal across every section. Output is designed to be immediately usable by developers or coding models, adhering to strict composition rules to avoid generic AI aesthetics.