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.

This guide outlines best practices for securing PostHog API keys. It differentiates between low-risk Project keys and high-privilege Personal keys, detailing methods for implementing least-privilege access, scoped key creation, secure rotation procedures, and leak prevention using environment variables, pre-commit hooks, and server-side isolation.

Automates Postmark transactional email workflows via Rube MCP’s Composio toolkit, handling templated batch sends, template edits, delivery statistics, bounce and complaint monitoring, and server configuration while enforcing current schema discovery.

Diagnoses and fixes Prisma connection pool exhaustion in serverless deployments (Vercel, Lambda, Netlify) by routing through pooling services, limiting client connections, and tuning timeouts to stop P2024/too many connection errors under load.

A comprehensive optimization guide maintained by Vercel, covering 45 rules for React and Next.js. Use this resource when building new components, implementing complex data fetching (client or server-side), refactoring code, or systematically improving bundle size and overall load times for high-performance web applications.

A senior specialist for building modern, production-grade React applications using React 19, Server Components, and Next.js App Router. Expertise includes implementing complex state management (Redux, Zustand), optimizing performance with memoization, handling data fetching with TanStack Query, and ensuring strict TypeScript typing and accessibility standards. Ideal for architecting large-scale frontend systems.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

Highlights React 19 idioms such as the new use() hook, server components, server actions, optimistic updates, suspense, error handling, and compound hooks to structure Next.js apps with streaming data, interactivity, and reusable hooks.

A comprehensive guide to modern React state management patterns. It covers various state types—including local, global, server, and form state—and demonstrates best practices using industry-leading libraries like Redux Toolkit, Zustand, Jotai, and React Query. Use this when building complex, scalable React applications and needing to select the optimal state solution.

Summarizes Rust systems programming best practices, covering ownership, traits, async patterns, error handling, builders, and safety reminders for building robust server components.

Automates S3 bucket policy generation within AWS, offering step-by-step guidance, safeguards best practices, and produces production-ready configurations for compute, storage, networking, and serverless scenarios.

Automates AWS SAM template building with best-practice guidance, production-ready code/config generation, validation, and coverage for compute, storage, networking, and serverless patterns when a user requests help with the SAM template builder.