Skill UI

Automate Contentful headless CMS space operations from Claude Code, listing spaces, fetching metadata, and renaming spaces via the Composio Contentful toolkit without leaving your terminal.

Learn practical, type-safe patterns for building complex React applications using fp-ts. This guide covers key functional programming concepts like handling optional values (Option), managing failure states (Either), and structuring data fetching and forms, ensuring your code is predictable and robust for React 18/19 and Next.js 14/15.

This comprehensive guide establishes strict architectural and performance standards for senior frontend engineers working with React, TypeScript, and Suspense. It dictates best practices for component design, feature implementation, data fetching (useSuspenseQuery), and code structure (feature-based organization). Use this when building any new component, feature, or handling data mutation to ensure the resulting application is scalable, predictable, and maintainable.

This guide provides advanced techniques for optimizing API integrations, specifically for handling high-volume data operations and rate limits. It covers implementing robust caching strategies for analytics data, managing lead inputs via controlled batching and concurrency, and utilizing prefetching for efficient pagination. It also demonstrates connection pooling using keep-alive mechanisms to maximize throughput and minimize latency.

A comprehensive client library pattern for interacting with rate-limited APIs. This solution implements exponential backoff, robust retry logic (handling 429/5xx errors), concurrent request queuing, and cursor-based pagination. It ensures high throughput and reliable data fetching without exceeding API limits.

This SDK provides Azure Functions extensions for handling Microsoft Entra ID custom authentication events within a .NET environment. Developers can intercept key stages of the authentication lifecycle, such as token issuance, attribute collection, and OTP sending. Use cases include enriching access tokens with custom claims, fetching external user data to populate profiles, and customizing the sign-up user experience.

Streamline Microsoft Clarity analytics exports inside Claude Code via the Composio integration, fetching heatmaps, session metrics, and engagement data segmented by browser, device, location, source, medium, campaign, channel, or URL over the last 1-3 days.

A comprehensive guide providing best practices and architectural patterns for modern full-stack development using Next.js 14+ App Router. Covers advanced topics like Server Components, efficient data fetching, handling parallel routes, and implementing full-stack features with Server Actions for scalable React applications.

This comprehensive guide outlines best practices for developing modern, scalable applications using the Next.js App Router. It covers critical architectural patterns, including the decision-making process between Server and Client Components, advanced data fetching strategies (caching, revalidation), file-system routing principles, API route handling, and performance optimizations like image and bundle splitting. Essential knowledge for building robust full-stack React applications.

A comprehensive guide to building modern, high-performance full-stack applications using Next.js 14+ and the App Router. Covers advanced concepts including React Server Components (RSC), Server Actions, optimized data fetching with caching, implementing robust SEO via generateMetadata, and best practices for deployment and performance tuning (Vercel).

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.