antfu

Configure JavaScript and TypeScript projects with Anthony Fu's ESLint, Prettier, and monorepo settings.

Updated Jun 22, 2026
One-click install
npx skills add https://github.com/xuyannan0321/math-ai-edu-site --skill antfu-xuyannan0321
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: antfu
Source: https://github.com/xuyannan0321/math-ai-edu-site/tree/main/.agents/skills/antfu
Command: npx skills add https://github.com/xuyannan0321/math-ai-edu-site --skill antfu-xuyannan0321

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @antfu/ni, fast-npm-meta, tsdown, vitest, eslint, pnpm, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit provides a structured approach to setting up JavaScript/TypeScript projects, offering best practices and opinionated tooling configurations by Anthony Fu, aimed at enhancing code quality and development efficiency.

Core Features & Use Cases

  • Project Setup: Facilitates the setup of new projects with predefined configurations for ESLint, Prettier, monorepos, and library publishing.
  • Code Organization: Guidelines for coding practices, including code structure, runtime environments, and TypeScript conventions.
  • Tooling Choices: Recommendations for @antfu/ni commands, TypeScript config, ESLint setup, Git hooks, and pnpm catalogs.
  • Framework Support: Detailed configurations for Vue, React, Next.js, Svelte, Astro, and Solid frameworks.
  • Testing: Instructions for testing and linting using Vitest and ESLint.
  • Library Development: Guidelines for building and publishing TypeScript libraries with tsdown.
  • Monorepo: Best practices for managing monorepos with pnpm workspaces and Turborepo.
  • References: Comprehensive references for various topics such as ESLint config, project setup, and app development.

Quick Start

Run the ni command to install dependencies and initialize a new project with Anthony Fu's recommendations.

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 TypeScript project with ESLint and pnpm best practices?

This Skill streamlines JavaScript and TypeScript project setup by providing opinionated tooling configurations and conventions, including ESLint, pnpm, and TypeScript, to enhance code quality and development efficiency.

Can I use these tooling conventions for framework setups like Vue or React?

Yes, these tooling conventions support detailed configurations for multiple frameworks including Vue, React, Next.js, Svelte, Astro, and Solid to streamline your project setup and maintainability.

What is the best way to configure a monorepo using pnpm workspaces?

For monorepo management, this Skill provides best practices utilizing pnpm workspaces and Turborepo to manage dependencies and scripts across multiple packages efficiently.

How do I build and publish a TypeScript library with tsdown?

To build and publish a TypeScript library, this Skill provides specific guidelines for using tsdown along with recommended TypeScript configurations to ensure your library is structured and maintained correctly.

Does this project setup approach include testing configurations with Vitest?

Yes, this project setup approach includes detailed instructions for testing and linting using Vitest and ESLint to ensure your code quality and maintainability across your JavaScript and TypeScript projects.