hairyf/skills▌
21 approved skills in this repository
tailwindcss
Frontend
Utility-first CSS framework for rapidly building custom interfaces with composed utility classes. \n \n Covers layout (flexbox, grid, positioning, sizing, spacing), transforms, typography, visual effects, and interactivity through organized utility categories \n Supports responsive design with mobile-first breakpoints, container queries, and conditional variants for state, pseudo-classes, and media queries \n Tailwind v4 introduces CSS-first configuration using theme variables and directives ( @
tauri
Productivity
Tauri lets you build desktop (and mobile) apps with a Rust Core process and a frontend running in the OS WebView. Use these skills when scaffolding projects, wiring commands and events, configuring capabilities and permissions, or authoring plugins.
create-skill-from-repo
Productivity
Use this workflow to quickly ingest a framework or project's logic and documentation into the local environment. This is triggered when a user provides a <repo-url> and a <skills-name> for which no local skill yet exists.
unjs
Productivity
Comprehensive ecosystem of single-purpose JavaScript libraries for universal, runtime-agnostic development. \n \n Covers 50+ packages across HTTP frameworks (H3, Nitro), utilities (path, URL, hashing), storage, CLI tools, and build systems \n Supports multiple runtimes: Node.js, browsers, edge environments, Deno, Bun, and Cloudflare Workers \n Includes specialized tools for image processing, WebAssembly, PDF handling, QR codes, crypto, and database connectivity \n Designed for composability: lib
motion
Productivity
GPU-accelerated animation library for JavaScript, React, and Vue with gestures, springs, and layout transitions. \n \n Supports motion components (motion.div, motion.svg), variants, transitions with spring physics, and scroll-linked effects \n Includes gesture handlers for drag, pan, tap, press, hover, and focus interactions \n Provides layout animations with AnimatePresence, LayoutGroup, and drag-to-reorder capabilities \n Offers motion values, transforms, and imperative animation controls via
arch-tsdown-monorepo
Productivity
arch-tsdown-monorepo is a pnpm monorepo starter for TypeScript libraries (based on hairyf/starter-monorepo). Each package uses tsdown for building. It provides shared tooling (ESLint, Vitest, TypeScript), pnpm catalogs for versions, workspace dependencies, and optional npm Trusted Publisher for CI-based releases.
create-skill
Productivity
This skill provides guidance for creating effective skills.
writing-humanizer-zh
Productivity
你是一位文字编辑,专门识别和去除 AI 生成文本的痕迹,使文字听起来更自然、更有人味。本指南基于维基百科的"AI 写作特征"页面,由 WikiProject AI Cleanup 维护。
hairy
AI/ML
Hairyf's opinionated web development stack and best practices for TypeScript projects. \n \n Core tooling: pnpm, TypeScript (strict mode), ESM, @antfu/eslint-config (no Prettier), Vitest, and VitePress for documentation \n Enforces \"specify\" workflow to align projects with these preferences, including architecture detection via arch-upkeep, dependency freshness via taze, and lint + typecheck gates \n Prioritizes unjs ecosystem frameworks (Nuxt, Nitro, h3, etc.) and maps project architecture to
tsdown
Productivity
Fast TypeScript/JavaScript library bundler powered by Rolldown with multi-format output and type declaration generation. \n \n Supports four output formats (ESM, CJS, IIFE, UMD) with automatic dependency externalization and tree shaking \n Generates TypeScript declaration files (.d.ts) with source maps, Vue SFC support, and custom compiler options \n Includes watch mode, source maps, minification, package validation (publint/attw), and CI-aware configuration \n Handles React, Vue, Solid, and Sve
undocs
Documents
Zero-config documentation site generator built on Nuxt, Nuxt Content, and Nuxt UI. \n \n Includes CLI commands for development and production builds with automatic content transformations \n Provides built-in markdown components for alerts, package manager commands, diagrams, and cross-page links \n Supports blog posts, SEO optimization with Open Graph images, and raw markdown output for LLM integration \n Configurable via docs.yaml with customizable navigation, landing pages, icon collections,
openapi-specification-v2
Backend
Complete reference for writing, validating, and interpreting OpenAPI Specification 2.0 (Swagger) documents. \n \n Covers all core schema elements: Swagger Object root, Info/Contact/License metadata, Paths, Operations, Parameters (path, query, header, body, formData), Responses, and Schemas with composition and polymorphism support \n Includes security definitions for Basic auth, API Key, and OAuth2 flows (implicit, password, application, accessCode) with scope and requirement objects \n Provides
openapi-specification-v3.2
Backend
Agent-oriented reference for the OpenAPI Specification 3.2.0. Use when editing, generating, or validating OpenAPI descriptions (OAD).
overlastic
Productivity
Promise-based modal and dialog library with imperative and declarative modes for React, Vue, and Svelte. \n \n Supports three frameworks (React, Vue 3, Svelte) with framework-specific integration patterns and hooks like useDisclosure \n Offers both imperative control via constructors and deferred promises, and declarative usage directly in templates/JSX \n Includes provider pattern for context inheritance, custom component integration, and external lifecycle control \n Components automatically d
valtio
Productivity
Minimal proxy-based state management for React and vanilla JavaScript with fine-grained reactivity. \n \n Core API includes proxy() for creating reactive state objects, useSnapshot() for render-optimized React hooks, and subscribe() for listening to changes anywhere in your app \n Utilities cover observable Map and Set proxies, property-level subscriptions, Redux DevTools integration, and unproxied references for special objects \n Supports React 18+, Suspense, and computed properties via getter
react-use
Frontend
Essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management. \n \n 30+ sensor hooks track browser APIs and device interfaces including geolocation, keyboard input, scroll position, network state, and device motion \n 9 UI hooks manage audio, video, fullscreen, drag-and-drop, speech synthesis, and click-away detection \n 8 animation hooks provide requestAnimationFrame loops, intervals, timeouts, spring dynamics, and tweening \n 16 side-effect hooks handle asy
hairy-utils
AI/ML
JavaScript/TypeScript utility library with async control, function composition, type checking, and string/number manipulation. \n \n Covers async utilities including Promise handling, deferred promises, and async flow control patterns \n Provides function composition and piping for functional programming workflows \n Includes cancellable loops with delay control, runtime type detection, and validation utilities \n Supports BigNumber operations, string templating, and browser/environment detectio
next
Frontend
Full-stack React framework with file-system routing, Server Components, and built-in performance optimization. \n \n File-system based routing with layouts, dynamic segments, and catch-all routes; supports both static generation (SSG) and server-side rendering (SSR) \n Server Components for data fetching directly in components; Client Components with the use hook for interactive features \n Server Actions for handling data mutations and form submissions without separate API endpoints \n Built-in
hairy-react-lib
Frontend
React hooks and components library for async state, reactive watching, lifecycle management, and error handling. \n \n Includes async hooks for state management and callbacks, watch hooks for reactive value tracking, and lifecycle utilities for component mounting \n Provides conditional rendering components (If/Else, Switch/Case) and error-safe hooks with built-in fallback behavior \n Offers advanced features: cross-component event bus, offset-based pagination, and fetch request/response interce
valtio-define
Productivity
Valtio-based reactive state management with Pinia-like API for React. \n \n Core API includes defineStore for creating stores with state, actions, and getters, plus useStore hook for React component access \n Advanced features cover subscriptions, patch operations, inline reactive JSX components via Signal, and conversion to useState-like hooks \n Plugin system enables store extensions, including built-in persistent storage plugin for state hydration \n Full TypeScript support with comprehensive
vitest
Testing
Vite-powered unit testing framework with Jest-compatible API and native ESM support. \n \n Jest-compatible test syntax (test/describe/expect) with drop-in replacement capability for most Jest suites \n Native support for ESM, TypeScript, and JSX without additional configuration; shares Vite's transformation pipeline \n Smart watch mode reruns only affected tests based on module graph; multi-threaded workers enable parallel execution \n Built-in mocking (functions, modules, timers), snapshot test