antfu

Configure Vue/Vite projects with TypeScript strict mode, ESLint, and pnpm workspaces.

Updated Jan 29, 2026
One-click install
npx skills add https://github.com/peterWang123589/rubin_forum --skill antfu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: antfu
Source: https://github.com/peterWang123589/rubin_forum/tree/main/.opencode/skills/antfu
Command: npx skills add https://github.com/peterWang123589/rubin_forum --skill antfu

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Anthony Fu's web development guidelines document a concise, opinionated baseline for building fast, maintainable Vue/Vite projects with consistent tooling and structure.

Core Features & Use Cases

  • Opinionated toolchain setup (pnpm, TypeScript strict mode, ESM modules) for consistent project bootstrapping.
  • Standardized linting and formatting (ESLint config, Git hooks, Vitest conventions) to enforce code quality.
  • Monorepo and documentation conventions (pnpm workspaces, VitePress docs) to streamline large projects.

Quick Start

To start applying these conventions, initialize a new project with pnpm, enable strict TypeScript, install the recommended ESLint config, configure git hooks, and scaffold docs under docs/ as described.

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 Vite monorepo with pnpm workspaces?

Setting up a Vue and Vite monorepo with pnpm workspaces involves initializing your project with pnpm, enabling TypeScript strict mode, and configuring pnpm workspaces to streamline large project development.

What is the best way to configure ESLint for a Vite and TypeScript project?

Configuring ESLint for a Vite and TypeScript project involves installing the recommended ESLint config, applying standardized linting rules, and setting up git hooks to enforce consistent code quality across your codebase.

Does Anthony Fu's web development convention support ESM modules?

Yes, Anthony Fu's web development conventions fully support ESM modules by enforcing an opinionated toolchain setup that standardizes ESM usage across modern Vue and Vite projects.

Can I use Vitest conventions for testing in a pnpm monorepo?

Yes, you can use Vitest conventions for testing in a pnpm monorepo by applying the standardized linting, formatting, and git hook configurations to enforce consistent testing outcomes across your workspace packages.

Why use VitePress for documentation in a Vue monorepo?

Using VitePress for documentation in a Vue monorepo streamlines large projects by providing standardized documentation workflows, ensuring consistent structure and maintainable library docs under the docs directory.