Agent Skills Hub

svelte-runes

Expert Svelte 5 runes guidance: reactive state ($state), derived values ($derived), effects ($effect), props, and migration strategies. Prevents reactivity anti-patterns.

svelte-deployment

Expert SvelteKit deployment guidance covering production builds, static/node/cloudflare adapters, Vite configuration, and library authoring best practices.

svelte-code-writer

CLI tools for Svelte 5 documentation lookup and code analysis. Automate Svelte component creation, debugging, and linting with real-time documentation retrieval and code autofixing.

svelte-testing

A Svelte 5 testing expert using vitest-browser-svelte and Playwright. Provides patterns for unit, SSR, and E2E tests, plus a CLI tool for AI assistants to fetch testing patterns.

qstash-js

Manage serverless messaging, task scheduling, and webhook verification with the official Upstash QStash JavaScript/TypeScript SDK.

migrate-to-vinext

Automated migration tool for converting Next.js projects to vinext (Vite-based Next.js reimplementation), including compatibility scanning, dependency replacement, and configuration setup.

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.

d3js-data-visualization

Create interactive, custom data visualizations using d3.js — including charts, graphs, and network diagrams. Ideal for when you need fine-grained control over visual elements, transitions, and interactions.

tanstack-router

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

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.

ui-styling

Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.