hairy
Hairy packages a handpicked set of agent skills reflecting Hairyf's approach to contemporary web development. Built on proven foundations and extended with specialized capabilities, this collection captures real-world tooling choices and architectural patterns for developers seeking a focused, opinionated stack.
Hairy packages a handpicked set of agent skills reflecting Hairyf's approach to contemporary web development, built on proven foundations and extended with specialized capabilities. The stack captures real-world tooling choices including TypeScript in strict mode, ESLint configuration without Prettier, pnpm for dependency management with catalog support, Vitest for unit testing, and VitePress for documentation. This opinionated collection reflects Hairyf's architectural patterns and best practices for developers seeking a focused, modern web development workflow.
AI-generated summary based on this skill's SKILL.md
Install
hairyf/skills/hairy · repository language: MDX
git clone https://github.com/hairyf/skills
cp -r skills/skills/hairy ~/.claude/skills/hairyFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What are hairy's web development preferences and opinionated stack setup?
Hairy packages a handpicked set of agent skills reflecting Hairyf's approach to contemporary web development, built on proven foundations and extended with specialized capabilities. The stack captures real-world tooling choices including TypeScript in strict mode, ESLint configuration without Prettier, pnpm for dependency management with catalog support, Vitest for unit testing, and VitePress for documentation. This opinionated collection reflects Hairyf's architectural patterns and best practices for developers seeking a focused, modern web development workflow.
How do you set up hairy's dev environment following best practices and conventions?
Hairy emphasizes setting up a new project following Hairyf's best practices and conventions through structured tooling. Key setup steps include configuring TypeScript with strict mode enabled, integrating ESLint without Prettier for linting, using pnpm as your package manager with workspace and catalog support for monorepos, setting up Vitest for testing, and implementing Git hooks via simple-git-hooks and lint-staged for pre-commit checks. This standardized approach ensures consistency across projects and aligns with Hairyf's development philosophy for contemporary web development.
What is the pnpm TypeScript ESLint Vitest configuration recommended by hairy?
Hairy recommends configuring TypeScript, ESLint, testing, and Git hooks according to Hairyf's standards. The configuration includes TypeScript in strict mode for type safety, ESLint setup without Prettier (following antfu's approach), Vitest for unit testing conventions, and simple-git-hooks with lint-staged for pre-commit gates. These components work together to enforce code quality and consistency. Additionally, hairy integrates architecture detection and dependency freshness checks into CI/CD pipelines, with tools like taze for managing dependency updates and arch-upkeep for architecture mapping validation.
How does hairy structure monorepos and manage dependencies with pnpm catalogs?
Hairy supports learning how to structure monorepos and manage dependencies with pnpm catalogs as part of its architectural guidance. The approach leverages pnpm workspaces combined with catalog definitions for centralized dependency version management across multiple packages. This pattern reduces duplication, ensures consistency, and simplifies maintenance in large codebases. Hairy's recommendations align with modern monorepo practices and the unjs ecosystem framework recommendations, enabling developers to scale their projects efficiently while maintaining clear dependency relationships.
What CI/CD integrations does hairy provide for architecture detection and dependency checks?
Hairy integrates architecture detection and dependency freshness checks into CI/CD workflows to maintain code quality and project health. The skill incorporates tools like arch-upkeep for architecture mapping and validation, and taze for tracking dependency freshness. These integrations enable automated gates that enforce TypeScript typecheck and lint requirements before code merges, ensuring architectural consistency and preventing dependency drift. This approach reflects Hairyf's commitment to sustainable, maintainable web development practices through automated quality assurance.
Which frameworks and tools from the unjs ecosystem does hairy recommend?
Hairy captures Hairyf's framework recommendations and tooling opinions from the unjs ecosystem, emphasizing proven, contemporary solutions for web development. The skill reflects preferences for ESM module-based TypeScript projects, VitePress for documentation, Vitest for testing, and integration with the broader unjs ecosystem for utilities and frameworks. These recommendations represent real-world choices that prioritize developer experience, maintainability, and alignment with modern JavaScript standards, making hairy a valuable resource for teams adopting Hairyf's development philosophy.
SKILL.md
rendered from the published skill — quoted content, verbatim
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
High-level cross-cutting preferences that should be respected whenever possible:
"specify" keyword
When a task is marked with "specify" (for example: "specify this repo according to hairy"):
- Treat it as a request to inspect the current project and optimize it until it matches these preferences as much as reasonably possible.
- Concretely, this should trigger:
- Architecture detection and upgrade planning via
@skills/arch-upkeepand the relevantarch-*skills. -
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 7 files
skills/hairy/SKILL.md
skills/hairy/references/antfu-eslint-config.md
skills/hairy/references/app-development.md
skills/hairy/references/core-arch-upkeep-routing.md
skills/hairy/references/core-deps-taze.md
skills/hairy/references/core-lint-typecheck.md
skills/hairy/references/core-unjs-preferences.md