Skill UI

Provides comprehensive architectural patterns for building modern, full-stack applications using Next.js 14+ App Router. This guide covers best practices for Server Components, optimized data fetching, complex routing (parallel/intercepting), and leveraging Server Actions in React development.

Next.js App Router principles. Server Components, data fetching, routing patterns.

Guides building Next.js 14+ projects with App Router, server components, streaming SSR, metadata-driven SEO, loading/error boundaries, and Vercel-ready deployments focused on performance.

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.

Runs automated visual regression tests via Percy, Chromatic, or BackstopJS to capture component or page screenshots, compare them against baselines, and flag unintended UI changes during feature updates or CI/CD runs.

This guide details the standardized directory structure and best practices for building robust and maintainable plugins for Claude Code. It covers critical components including the plugin manifest (plugin.json), commands, agents, skills, and hooks. Use this skill when you need to scaffold a new plugin, understand the required component organization, or configure the plugin's architecture according to best practices.

Automate product management workflows in Productboard via Claude Code, handling notes, features, objectives, components, and release tracking with natural language commands.

Pyvene is a declarative framework designed for performing causal interventions on PyTorch neural networks. It allows researchers to conduct advanced experiments such as activation patching, causal tracing (ROME-style), and interchange intervention training (IIT). Use this library when you need to test causal hypotheses about model behavior, deeply interpret model components, or ensure reproducibility in advanced AI research.

Guides building accessible Radix UI design systems using headless primitives, focusing on theming, composition, keyboard navigation and WCAG compliance for custom component libraries in React-based apps.

A comprehensive guide maintained by Vercel for optimizing performance in React and Next.js applications. It covers critical rules across multiple categories, including eliminating waterfalls, bundle size optimization, server-side caching, and granular control over client-side rendering and data fetching. Use this when building new components or refactoring existing code for maximum speed and efficiency.

Automated assistance for building React components, offering best practices, production-ready code generation, and validation guidance for frontend patterns like accessibility and performance optimization.