Agent Skills Hub

react-vite-best-practices

React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite.

web-frameworks

Full-stack web development suite featuring Next.js (SSR/RSC/App Router), Turborepo for monorepo management, and RemixIcon for UI assets. Optimized for modern React, high-performance builds, and scalable architecture.

javascript-typescript

Advanced TypeScript and React development assistant for modern web applications. Expert in component architecture, state management, Vitest unit testing, Playwright E2E automation, and efficient TypeScript configuration.

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

fullstack-workflow

A standardized fullstack pattern for Next.js features, integrating GET API routes, server actions, SWR data fetching, and React Hook Form with Zod validation.

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.

state-management

Guidance on frontend state management, including global stores like Zustand/Pinia, server state via TanStack Query, and URL state handling.

htmx-rust

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

pellicule

Pellicule is a Vue-native library for programmatic video generation, allowing you to render deterministic videos, animations, and motion graphics directly from Vue components.

generate-sdk-types

Automates TypeScript type generation from Rust tool schemas to ensure end-to-end type safety between server and client in MCP-based projects.

client

Manage client relationships, track follow-ups, and automate personalized email drafts using Obsidian-based client profiles.

vercel-react-native-skills

React Native and Expo best practices for performant mobile apps. Covers list virtualization, animations with Reanimated, UI patterns, and native platform API optimizations.