By hairyf
Scaffolds, develops, and maintains projects across Vue, React, React Native, Nuxt, Next.js, Electron, and CLI stacks with opinionated tooling for state management, testing, documentation, and code quality.
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.
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.
Vitesse Lite — lightweight Vite + Vue 3 SPA with file-based routing, UnoCSS, VueUse, Vitest. Use when scaffolding or maintaining a simple Vue SPA with this stack.
Build and ship Nuxt modules with @nuxt/module-builder. Use when scaffolding, building, or maintaining a Nuxt module (unbuild preset, types, runtime).
Vitesse-style Nuxt 4 starter with Vite, UnoCSS, Pinia, VueUse, PWA. Use when scaffolding or maintaining a Nuxt app with this stack.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Forked from antfu/skills
A curated collection of Agent Skills based on Anthony Fu's skills collection, extended with additional skills reflecting Hairyf's preferences, experience, and best practices for web development.
[!IMPORTANT] This is a proof-of-concept project for generating agent skills from source documentation and keeping them in sync. I haven't fully tested how well the skills perform in practice, so feedback and contributions are greatly welcome.
pnpx skills add hairyf/skills
or to install all of them globally:
pnpx skills add hairyf/skills --all -g
Learn more about the CLI usage at skills.
This collection extends Anthony Fu's original collection with additional skills from Hairyf. It includes skills from different sources with different scopes, covering both Vue/Vite/Nuxt ecosystem and React/Next.js ecosystem.
Opinionated
Manually maintained skills reflecting personal preferences and best practices.
| Skill | Description | Maintainer |
|---|---|---|
| hairy | Hairyf's preferences and best practices for web development (TypeScript, ESLint, pnpm, Vitest, etc.) | Hairyf |
| antfu | Anthony Fu's preferences and best practices for app/library projects (eslint, pnpm, vitest, vue, etc.) | Anthony Fu |
| github-workflow | Standard flow from task source (link or description) to creating a PR: resolve task, create branch and TODO.md, create PR against origin only | Hairyf |
| openapi-specification-v2 | OpenAPI (Swagger) 2.0 — describe REST APIs (path, operation, parameter, response, schema). Use when writing, validating, or interpreting Swagger 2.0 specs | Hairyf |
| openapi-specification-v3.2 | OpenAPI 3.2 — OAD format, paths, operations, JSON Schema 2020-12, security. Use when authoring or validating OpenAPI 3.2 documents | Hairyf |
| create-skill-from-repo | Bootstrap modular Agent Skills from any repository: clone to sources/, extract docs into references/, register in AGENTS.md | Hairyf |
Unopinionated but with tilted focus (e.g. TypeScript, ESM, Composition API, and other modern stacks)
Generated from official documentation and fine-tuned for agent usage.
| Skill | Description | Source |
|---|---|---|
| vue | Vue.js core — reactivity, components, composition API | vuejs/docs |
| vue-router | Vue Router — official router for Vue.js; routing, navigation guards, nested routes, programmatic navigation | vuejs/router |
| nuxt | Nuxt framework — file-based routing, server routes, modules | nuxt/nuxt |
| pinia | Pinia — intuitive, type-safe state management for Vue | vuejs/pinia |
| vite | Vite build tool — config, plugins, SSR, library mode | vitejs/vite |
| vitepress | VitePress — static site generator powered by Vite | vuejs/vitepress |
| vitest | Vitest — unit testing framework powered by Vite | vitest-dev/vitest |
| unocss | UnoCSS — atomic CSS engine, presets, transformers | unocss/unocss |
| Skill | Description | Source |
|---|---|---|
| uniapp | uni-app — cross-platform app framework (Vue syntax, App/H5/mini-programs) | dcloud/unidocs-zh |
| uniapp-x | uni-app x — next-gen cross-platform engine (UTS/uvue/Vue, Android/iOS/HarmonyOS/Web/mini-programs) | dcloud/unidocs-uni-app-x-zh |
npx claudepluginhub hairyf/skillsSkill providing Vue.js framework knowledge and best practices. Helps developers understand Vue ecosystem, component patterns, and modern conventions.
Vue, Nuxt, and NuxtHub skills for AI coding assistants
Ultra-compressed communication mode. Cuts 65% of output tokens (measured) while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth