Skill UI

Guide detailing Next.js 14+ App Router patterns, emphasizing Server Components, ISR caching, middleware, server actions, and parallel routes to build scalable, data-driven apps with minimal client JS.

This guide provides expert patterns for implementing secure, full-stack authentication in Next.js using Supabase. It covers essential architectural components, including setting up separate browser and server clients, utilizing middleware for route protection and session refreshing, handling OAuth callbacks, and implementing auth operations safely via Server Actions and Server Components. Essential knowledge for building secure, modern web applications.

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.

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

Guides you through React Server Components in Next.js App Router, covering when to use server versus client pieces, interop boundaries, data fetching patterns, streaming with Suspense, and composition techniques such as client wrappers or slot-based shells for mixed trees.

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 comprehensive guide provides a systematic methodology for performing Kubernetes cluster penetration testing. It evaluates security by simulating diverse attacker techniques against key components such as the API server, etcd, RBAC policies, and network configurations. Users can identify critical misconfigurations and vulnerabilities using specialized tools (kube-hunter, Kubescape, kube-bench) and manual exploitation steps, ensuring clusters meet robust security standards. Ideal for authorized security audits and compliance validation.

tRPC allows developers to build highly type-safe APIs in a full-stack environment without needing to write or maintain separate schemas. It provides end-to-end type safety from server routers to client components, supporting queries, mutations, subscriptions, and robust middleware. Ideal for building modern TypeScript monorepos, Next.js, or Remix applications.

This tool audits the token consumption across all components (agents, skills, rules, MCP servers) within a Claude Code session. It analyzes token overhead, identifies bloat (e.g., overly long descriptions, redundant components), and generates a detailed context budget report. Use it to maintain optimal context window usage, improve performance, and prevent context saturation.