Agent Skills Hub

refactor

A specialized skill for surgical code refactoring. Improves maintainability, reduces technical debt, and applies design patterns without altering external behavior.

frontend

Frontend coding conventions for Preact and Tailwind. Use for web UI components in cluster applications.

Investigating Code Patterns

Systematically trace code flows, locate implementations, diagnose performance issues, and map system architecture to understand complex codebases.

elegant-design

Build professional, accessible, and responsive user interfaces using React, Next.js, and modern design systems like shadcn/ui. Focuses on developer tools, chat interfaces, and real-time streaming components.

react-patterns

Implement React 19 patterns: React Compiler, Server Actions, Forms, and new hooks like 'use'. Guide decisions between Actions vs TanStack Query for mutations.

wayfinder-development

Manage type-safe Laravel backend routing within Inertia.js React frontend components using the Wayfinder library.

server-components

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

Parallel Routes Generator

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

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.

vertesia-plugin

Framework for building Vertesia plugins with a dual tool-server and UI architecture, featuring Hot Module Replacement, build-tools, and asset management.

react-doctor

Analyze and audit React projects for security, performance, correctness, and architecture issues with actionable diagnostics and scoring.

explaining-code

Explains code using visual diagrams, relatable analogies, step-by-step walkthroughs, and common pitfalls.