hairyf/skills

67 resources in this repository

🎯67Skills

🎯Skills67

Rapidly style web applications using utility-first CSS classes, enabling responsive designs and easy theme customization with Tailwind CSS.

tailwindcss

🎯hairy-utils🎯Skill

Provides comprehensive JavaScript/TypeScript utility functions for async handling, function composition, type checking, and core development tasks

hairy-utils

🎯motion🎯Skill

Motion animation library skill for JavaScript, React, and Vue covering gestures, layout transitions, scroll-linked effects, motion values, and 120fps GPU-accelerated animations

motion

🎯valtio-define🎯Skill

Simplifies React state management by creating reactive stores with Valtio, offering a Pinia-like API and comprehensive TypeScript support.

valtio-define

🎯overlastic🎯Skill

Enables cross-framework modal/dialog/popup management with promise-based lifecycle control and flexible mounting options.

overlastic

🎯react-use🎯Skill

Provides comprehensive React Hooks for tracking browser sensors, UI interactions, device states, and managing component lifecycle with minimal boilerplate code.

react-use

🎯next🎯Skill

Builds full-stack React applications with Next.js, offering optimized routing, server components, data fetching, and performance features.

🎯vitest🎯Skill

Vitest testing framework skill covering Jest-compatible API, native ESM/TypeScript/JSX support, smart test filtering, fixtures, mocking, and coverage configuration

vitest

🎯valtio🎯Skill

Manages reactive state with proxy-based objects, enabling fine-grained reactivity and render optimization in React and vanilla JavaScript.

valtio

🎯hairy-react-lib🎯Skill

Provides comprehensive React hooks and components for advanced state management, async handling, and conditional rendering in React applications.

hairy-react-lib

🎯openapi-specification-v3.2🎯Skill

Enables comprehensive authoring, validation, and interpretation of OpenAPI 3.2 specification documents with full support for paths, schemas, security, and extensions.

openapi-specification-v3.2

🎯unjs🎯Skill

Provides universal JavaScript libraries and tools for building high-performance, cross-environment applications with modular, single-purpose packages

unjs

🎯openapi-specification-v2🎯Skill

Validates, generates, and interprets OpenAPI (Swagger) 2.0 specifications for describing RESTful API structures and interactions.

openapi-specification-v2

🎯undocs🎯Skill

Generates zero-config documentation sites with elegant CLI, automatic content transformations, and built-in components for Nuxt projects.

undocs

🎯arch-tsdown-monorepo🎯Skill

Scaffolds TypeScript monorepo with pnpm, tsdown per package, workspace dependencies, and npm Trusted Publisher for streamlined library development.

arch-tsdown-monorepo

🎯hairy🎯Skill

Opinionated web development preferences skill covering pnpm, TypeScript strict mode, ESM modules, @antfu/eslint-config, Vitest, simple-git-hooks, and VitePress documentation

hairy

🎯tsdown🎯Skill

Bundles TypeScript and JavaScript libraries with blazing-fast speed using Rolldown, supporting multiple formats and type declarations.

tsdown

🎯create-skill-from-repo🎯Skill

Clones a repository, extracts key documentation into modular skill references, and automatically registers the new skill in the workspace.

create-skill-from-repo

🎯writing-humanizer-zh🎯Skill

Detects and removes AI writing traces from Chinese text to make it sound more natural and human-written, based on Wikipedia's AI writing characteristics guide.

writing-humanizer-zh

🎯create-skill🎯Skill

Generates Agent Skills from local project documentation, creating skill files and updating AGENTS.md without cloning from GitHub.

create-skill

🎯pnpm🎯Skill

Manages Node.js dependencies with strict resolution, efficient disk usage, and advanced workspace support across projects.

pnpm

🎯tauri🎯Skill

Provides Claude with knowledge of Tauri framework for building cross-platform desktop applications with web technologies and Rust backends.

tauri

🎯arch-tsdown-cli🎯Skill

Scaffolds TypeScript CLI packages with tsdown, providing a minimal, opinionated setup for ESM-only, npm-publishable command-line tools.

arch-tsdown-cli

🎯vite🎯Skill

Configures and optimizes Vite build tool with fast dev server, plugin API, SSR support, and Rolldown migration for modern frontend projects.

vite

🎯github-workflow🎯Skill

A GitHub Actions workflow skill from a curated agent skills collection, generated from official documentation and fine-tuned for AI coding agent usage.

github-workflow

🎯uniapp🎯Skill

Enables cross-platform mobile and web app development using Vue syntax, compiling to multiple platforms like App, H5, and mini-programs.

uniapp

🎯flutter🎯Skill

A Flutter development skill from a curated agent skills collection, generated from official documentation and covering both Vue/Vite/Nuxt and React/Next.js ecosystems.

flutter

🎯arch-tsdown🎯Skill

Scaffolds TypeScript libraries with tsdown, providing an ESM-first, opinionated setup with pnpm, Vitest, and npm Trusted Publisher configuration.

arch-tsdown

🎯github-cli🎯Skill

A curated collection of agent skills for web development extending Anthony Fu's skills, covering Vue/Vite/Nuxt and React/Next.js ecosystems with both hand-maintained and auto-generated skills.

github-cli

🎯electron-forge🎯Skill

Packages and distributes Electron applications with a full build pipeline, covering scaffolding, configuring makers, publishers, plugins, and extending Electron Forge.

electron-forge

🎯writing-humanizer🎯Skill

A writing humanizer skill from a curated Agent Skills collection based on Anthony Fu's skills, extended with preferences for web development covering both Vue/Vite/Nuxt and React/Next.js ecosystems.

writing-humanizer

🎯react-native🎯Skill

A React Native reference skill generated from the official React Native documentation, covering core components, Flexbox layout, styling, animations, and platform APIs for building native mobile apps.

react-native

🎯web-design-guidelines🎯Skill

A web design guidelines skill for reviewing UI code against Web Interface Guidelines compliance, covering accessibility, design quality, and UX best practices.

web-design-guidelines

🎯react-native-reusables🎯Skill

Provides a collection of reusable, customizable React Native components and hooks for rapid mobile app development and consistent UI design.

react-native-reusables

🎯react🎯Skill

A React reference skill generated from the official React documentation, providing comprehensive guidance on hooks (useState, useEffect, useContext, useRef, useReducer), Suspense, and component patterns for AI coding agents.

react

🎯vueuse-functions🎯Skill

Apply VueUse composables to build concise, maintainable Vue.js and Nuxt features with appropriate utility functions.

vueuse-functions

🎯nativewind🎯Skill

Streamlines TailwindCSS integration in React Native, enabling utility-first styling with seamless cross-platform design consistency

nativewind

🎯taze🎯Skill

Automates dependency updates and upgrades across projects, ensuring package compatibility and minimal version conflicts

taze

🎯unocss🎯Skill

Generates atomic CSS utilities instantly with flexible configuration, supporting Tailwind-like syntax and advanced features like shortcuts, variants, and custom presets.

unocss

🎯vue-best-practices🎯Skill

Vue.js best practices skill recommending Composition API with <script setup> and TypeScript. Covers Vue 3, SSR, Volar, vue-tsc, and Vue Router.

vue-best-practices

🎯react-native-expo🎯Skill

Streamlines React Native development with Expo SDK, simplifying cross-platform mobile app creation, configuration, and deployment workflows.

react-native-expo

🎯pinia🎯Skill

Provides guidance on Pinia, the official Vue state management library, covering type-safe store definitions, state/getters/actions, and store patterns in Vue apps.

pinia

🎯vue🎯Skill

Enables Vue 3 Composition API development with TypeScript, providing robust script setup macros, reactivity system, and built-in component utilities.

vue

🎯vue-testing-best-practices🎯Skill

Provides comprehensive Vue.js testing best practices, patterns, and solutions for common testing challenges across components, composables, and E2E scenarios.

vue-testing-best-practices

🎯writing-styles-juejin🎯Skill

Skill

writing-styles-juejin

🎯arch-nuxt-module-builder🎯Skill

Skill

arch-nuxt-module-builder

Skill

Skill

Skill

Skill

Skill

🎯vue-router-best-practices🎯Skill

Provides comprehensive Vue Router 4 best practices, navigation guard patterns, and route lifecycle management techniques for robust Vue.js routing.

vue-router-best-practices

🎯anime🎯Skill

Enables creating versatile JavaScript animations with ease, supporting CSS, SVG, DOM, and object animations through a lightweight and powerful library.

Skill

Skill

🎯arch-webext-vue🎯Skill

Skill

arch-webext-vue

🎯arch-nuxt-lite🎯Skill

Skill

Skill

Skill

Skill

Skill

Skill

Skill

Skill

Streamlines end-to-end testing with comprehensive browser automation, test scenario generation, and robust reporting for web applications.

e2e-testing

🎯arch-upkeep🎯Skill

Automates architectural maintenance tasks, providing systematic guidance for project structure, dependency management, and code organization refactoring.

arch-upkeep

🎯create-skills-from-repo🎯Skill

Skill

create-skills-from-repo

Back to Home