Agent Skills Hub

Parallel Routes Generator

Implements Next.js Parallel Routes for modals to prevent layout shifts. Essential for dialogs, modals, and intercepted routes.

nextjs-app-router

Expert assistant for building modern Next.js 13+ applications using the App Router, including Server Components, nested layouts, streaming with Suspense, and advanced data fetching patterns.

router-query-integration

Integrates TanStack Router with TanStack Query for optimal SPA performance, enabling efficient route loaders, query prefetching, and seamless navigation.

server-components

Guidance on React Server Components (RSC) in Next.js, covering server/client component boundaries, data fetching, and composition patterns.

htmx-rust

Build interactive, hypermedia-driven web applications using Rust, Axum, and HTMX for dynamic, real-time UI updates without complex JavaScript frameworks.

microsim-screen-capture

Automate high-quality screenshot generation for MicroSim visualizations using Chrome headless mode. Ideal for documentation, social media previews, and quality assessment.

reactive-ui-patterns

Reactive UI patterns for remote data fetching, enabling smooth in-place updates, persistent scroll position, and efficient loading state management using the .current property.

react-router-data-mode

Build React applications using React Router's data mode (createBrowserRouter/RouterProvider) for loaders, actions, fetchers, and optimistic UI without the Vite framework plugin.

pr

Automates the creation of draft GitHub pull requests using conventional commit standards and strict validation workflows.

prd

Generate professional Product Requirements Documents (PRD) and structure features for autonomous development cycles.

pr-demo

Create polished animated terminal demos for pull requests and documentation using asciinema, agg, and svg-term-cli.

tanstack-router

TanStack Router configuration, file-based routing, and type-safe navigation for React applications.