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
Decision gist · record as of 2026-06-10
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.
Use it when
- Hairy emphasizes setting up a new project following Hairyf's best practices and conventions through structured tooling.
- Hairy recommends configuring TypeScript, ESLint, testing, and Git hooks according to Hairyf's standards.
Verify before relying
Read SKILL.md below before installing (7 files). Open directory: indexed for reading, not audited.
Install
hairyf/skills/hairy · repository language: MDX
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Understand Hairyf's opinionated web development stack and tooling preferences”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill collection brings antfu's opinionated JavaScript and TypeScript project setup conventions to your agent workflow. Built on Anthony Fu's widely-adopted standards, it provides a foundation for consistent, modern web development practices across your projects.
This skill guides you through architecting a TypeScript monorepo using pnpm as your package manager and tsdown for efficient bundling. It combines proven patterns from the web development community with streamlined tooling to accelerate multi-package project setup.
Set up a modern TypeScript library project using tsdown, a streamlined build tool for ESM packages. This skill automates project scaffolding with sensible defaults, letting you focus on writing code rather than configuration. Perfect for developers building reusable TypeScript modules.
This skill pack brings Anthony Fu's opinionated development practices directly into your agent workflow. Leverage a carefully assembled set of tools and configurations that reflect real-world TypeScript and JavaScript project standards, enabling you to bootstrap new projects with established patterns and conventions.
pnpm is a high-performance package manager designed for Node.js projects that prioritizes speed and storage efficiency. It streamlines dependency installation and management through innovative linking strategies, making it ideal for monorepos and large-scale development environments. Integrate pnpm into your workflow to reduce disk usage and accelerate build times across your projects.
Django Expert delivers in-depth instruction on the Django framework for constructing robust Python web applications. It covers the MVT pattern, database modeling through ORM, view logic, template rendering, URL routing, form handling, and Django's authentication system. The skill also explores REST API development and admin interface customization.
More skills tailwindcss (MIT)