hairy
Hairyf's opinionated web development stack and best practices for TypeScript projects.
- Core tooling: pnpm, TypeScript (strict mode), ESM, @antfu/eslint-config (no Prettier), Vitest, and VitePress for documentation
- Enforces "specify" workflow to align projects with these preferences, including architecture detection via arch-upkeep, dependency freshness via taze, and lint + typecheck gates
- Prioritizes unjs ecosystem frameworks (Nuxt, Nitro, h3, etc.) and maps project architecture to canonical arch-* skills for consistent structure
- Includes Git hooks setup (simple-git-hooks + lint-staged) and publishing workflow via bumpp for library projects
Hairyf's Preferences
This skill covers Hairyf's preferred tooling, configurations, and best practices for web development. This skill is opinionated.
Quick Summary
| Category | Preference |
|---|---|
| Package Manager | pnpm |
| Language | TypeScript (strict mode) |
| Module System | ESM ("type": "module") |
| Linting & Formatting | @antfu/eslint-config (no Prettier) |
| Testing | Vitest |
| Git Hooks | simple-git-hooks + lint-staged |
| Documentation | VitePress (in docs/) |
Global Preferences
More from hairyf/skills
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.
1.7Khairy-utils
Comprehensive skills for working with @hairy/utils core utilities
891motion
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.
763next
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.
714react-use
Collection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management
692valtio
Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.
636