antfu

Standardize TypeScript/Vue project setup with ESLint flat config, Vitest, and git hooks.

2|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/Shana-AE/.shanaae-configs --skill antfu-shana-ae
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: antfu
Source: https://github.com/Shana-AE/.shanaae-configs/tree/main/ai/skills/vendor/antfu
Command: npx skills add https://github.com/Shana-AE/.shanaae-configs --skill antfu-shana-ae

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Anthony Fu's {Opinionated} preferences and best practices for web development provide a cohesive, battle-tested blueprint to accelerate project setup and maintain consistency across teams.

Core Features & Use Cases

  • Opinionated tooling standards for TypeScript, ESLint, Git hooks, Vitest, VitePress docs, and monorepo conventions.
  • Clear guidance for monorepos, package management with pnpm, and centralized alias/configuration.
  • Use cases include setting up new Vue/Vite projects, establishing linting and testing pipelines, and documentation scaffolding.

Quick Start

Initialize a new project using Anthony Fu's opinionated defaults (strict TS, eslint flat config, git hooks, vitest, and docs) to bootstrap a maintainable setup.

Frequently Asked Questions about antfu

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a Vue and TypeScript monorepo with strict linting and testing?

Set up a Vue and TypeScript monorepo by applying opinionated standards for strict TypeScript configuration, ESLint flat config, git-hooks integration, and Vitest. This blueprint accelerates project initialization and enforces consistency across teams.

What is ESLint flat config and how do I standardize it across a pnpm monorepo?

ESLint flat config standardizes linting rules across a pnpm monorepo through centralized configuration. Applying opinionated web dev practices ensures consistent code quality and integrates seamlessly with git-hooks for automated checks.

Does this opinionated web dev setup support VitePress documentation scaffolding?

Yes, this opinionated web dev setup supports VitePress documentation scaffolding. It provides clear guidance for monorepos and centralized configuration to help you establish and maintain documentation pipelines alongside your Vue projects.

Can I use these TypeScript and Vitest conventions for an existing Vue project?

Yes, you can apply these TypeScript and Vitest conventions to an existing Vue project. The opinionated standards guide the integration of strict TypeScript configuration, ESLint flat config, and git-hooks to establish robust linting and testing pipelines.

What's the best way to configure git hooks for Vitest and ESLint in a TypeScript project?

The best way to configure git hooks for Vitest and ESLint in a TypeScript project is using an opinionated setup blueprint. This integrates strict TypeScript configuration with ESLint flat config and Vitest to automate testing and linting pipelines.