Back to authors
Hairyf

Hairyf

36 Skills published on GitHub.

react

React library for building user interfaces. Use when building web applications, creating components, managing state, handling side effects, or optimizing performance.

UncategorizedView skill →

anime

Anime.js v4 - A fast, multipurpose and lightweight JavaScript animation library. Use when creating animations, timelines, draggable interactions, SVG animations, text effects, or working with CSS properties, DOM attributes and JavaScript objects.

UncategorizedView skill →

antfu

Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, configuring ESLint/Prettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.

UncategorizedView skill →

create-skill-from-repo

Bootstraps modular Agent Skills from any repository. Clones the source to `sources/`, extracts core documentation into categorized references under `skills/`, and registers the output in the workspace `AGENTS.md`.

UncategorizedView skill →

create-skill

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

UncategorizedView skill →

react-use

Collection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management

UncategorizedView skill →

hairy-react-lib

Comprehensive skills for working with @hairy/react-lib React hooks and components

UncategorizedView skill →

hairy-utils

Comprehensive skills for working with @hairy/utils core utilities

UncategorizedView skill →

hairy

Hairy's {Opinionated} preferences and best practices for web development

UncategorizedView skill →

motion

Motion animation library for JavaScript, React and Vue. Use when creating animations, gestures, layout transitions, scroll-linked effects, or working with motion values and animation controls.

UncategorizedView skill →

nest

NestJS framework for building efficient, scalable Node.js server-side applications. Use when working with NestJS apps, controllers, modules, providers, dependency injection, pipes, guards, interceptors, or building REST/GraphQL APIs.

UncategorizedView skill →

next

Next.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, data fetching, caching, Server Actions, or building full-stack React applications.

UncategorizedView skill →

nuxt

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

UncategorizedView skill →

overlastic

Comprehensive skills for working with Overlastic

UncategorizedView skill →

pinia

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.

UncategorizedView skill →

pnpm

Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces, or managing dependencies with catalogs, patches, or overrides.

UncategorizedView skill →

react-native

React Native framework for building native mobile apps with React. Use when building iOS/Android apps, working with native components, handling touch interactions, animations, or platform APIs.

UncategorizedView skill →

react-router

React Router - multi-strategy router for React bridging React 18 to React 19. Use when building React applications with routing, data loading, SSR, or SPA architectures.

UncategorizedView skill →

slidev

Create and present web-based slides for developers using Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, or teaching materials.

UncategorizedView skill →

tailwindcss

Tailwind CSS utility-first CSS framework. Use when styling web applications with utility classes, building responsive designs, or customizing design systems with theme variables.

UncategorizedView skill →

tsdown

Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.

UncategorizedView skill →

turborepo

|

UncategorizedView skill →

unocss

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

UncategorizedView skill →

valtio-define

Comprehensive skills for working with valtio-define

UncategorizedView skill →

valtio

Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.

UncategorizedView skill →

vite

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

UncategorizedView skill →

vitepress

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.

UncategorizedView skill →

vitest

Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.

UncategorizedView skill →

vue-best-practices

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

UncategorizedView skill →

vue-router-best-practices

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

UncategorizedView skill →

vue-router

Vue Router - official router for Vue.js. Use when building single-page applications with routing, navigation guards, nested routes, or programmatic navigation.

UncategorizedView skill →

vue-testing-best-practices

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

UncategorizedView skill →

vue

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

UncategorizedView skill →

vueuse-functions

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

UncategorizedView skill →

writing-humanizer-zh

|

UncategorizedView skill →

writing-humanizer

|

UncategorizedView skill →