Skill UI

A comprehensive guide to implementing production-ready patterns for PostHog analytics integration. This includes establishing singleton clients for both server-side (Python/Node) and client-side environments. It provides type-safe event capture utilities, React hooks for handling feature flags (including variants), and the full Next.js App Router setup for robust pageview tracking. Patterns are available for both TypeScript/JavaScript and Python environments.

A comprehensive guide to selecting the optimal architecture for Replit applications. It compares three scaling models—single-file scripts (prototypes), modular apps (MVPs), and multi-service systems (large scale)—to help developers choose the correct database, storage, and deployment strategy as their project grows.

This skill provides architectural patterns and implementation guides for developing advanced voice agents and automating phone calls using the Retell AI platform. It covers SDK integration, API best practices, and troubleshooting common telephony errors (like 401/429), enabling developers to build robust, real-world voice interaction systems.

A comprehensive guide to configuring Sentry error tracking and performance monitoring across modern application architectures. Learn how to implement coherent, end-to-end distributed tracing for monoliths, microservices, serverless functions (Lambda/Cloud Functions), event-driven systems, SPAs, and mobile applications, ensuring all application hops are monitored from a single source.

A comprehensive guide to securely implementing Supabase across diverse modern application stacks. This skill covers critical patterns for Next.js Server Components (SSR), Single Page Applications (SPA), React Native mobile apps, Edge Functions (Serverless), and complex multi-tenant deployments using RLS or schema isolation. It guides developers on correctly managing client types (anon vs. service_role) and handling authentication flows in various environments.

This skill guides the creation of production-ready design systems using Tailwind CSS. It covers advanced topics such as implementing design tokens, managing component variants, establishing responsive patterns, and ensuring high accessibility standards. Use this when building component libraries, applying theming, or standardizing UI patterns across a large codebase.

Document outlines testing strategies such as contract, snapshot, mutation, property-based, integration with containers, and disciplined test organization to help teams design reliable suites that cover behavior, API contracts, and invariants.

This comprehensive guide helps developers select and implement optimal Vercel architecture blueprints based on project scale and complexity. It covers five validated patterns, ranging from simple static JAMstack sites and robust full-stack SaaS applications, to advanced multi-zone micro-frontend enterprise deployments. Use this resource when planning new deployments, optimizing scaling strategies, or structuring complex monorepos.

This skill provides comprehensive guidance on selecting the optimal workspace architecture for Windsurf, adapting to various project scales. Whether managing small solo projects, large monorepos, or complex multi-service, polyglot systems, it outlines strategies for structuring file systems and configuring rules. The goal is to ensure that AI tools receive accurate and focused project context, maximizing developer efficiency.

This skill guides the creation of high-performing YouTube titles and thumbnail concepts to maximize Click-Through Rate (CTR). It involves analyzing competitor content, applying various copywriting strategies (e.g., curiosity gap, direct benefit, urgency), and generating structured A/B test variants. Use this when finalizing video packaging or needing professional title/thumbnail ideas.

This comprehensive guide outlines a rigorous, human-in-the-loop engineering workflow for leveraging advanced AI agents to complete complex implementation tasks. It mandates defining clear completion criteria, decomposing work into manageable units, and strategically routing models (Haiku, Sonnet, Opus) based on task complexity. The workflow emphasizes continuous evaluation, regression testing, security review of invariants and edge cases, and strict cost discipline to ensure robust and reliable software development using AI assistance.

Guides experts through creating and testing popups, modals, overlays, banners, and slide-ins that capture leads or drive promotions without annoying visitors, covering triggers, targeting, creative variants, and experiment ideas.