antfu

Configure JavaScript/TypeScript projects with Antfu conventions and Vitest testing.

Updated Jan 22, 2026
One-click install
npx skills add https://github.com/cooker/wx-mp-article --skill antfu-cooker
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: antfu
Source: https://github.com/cooker/wx-mp-article/tree/main/.cursor/skills/antfu
Command: npx skills add https://github.com/cooker/wx-mp-article --skill antfu-cooker

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized and opinionated set of tools and conventions for JavaScript/TypeScript projects, streamlining development and ensuring consistency.

Core Features & Use Cases

  • Project Setup: Quickly configure ESLint, Prettier alternatives, and Git hooks.
  • Dependency Management: Utilize efficient pnpm commands for installing, upgrading, and uninstalling packages.
  • Coding Standards: Enforce best practices for code organization, runtime environment, TypeScript usage, and commenting.
  • Use Case: When starting a new Vue.js project, use this Skill to set up the project with recommended tooling and coding practices, ensuring a clean and maintainable codebase from the start.

Quick Start

Configure ESLint for a new project using Anthony Fu's conventions.

Frequently Asked Questions about antfu

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

FAQPage Schema
How do I set up ESLint and coding standards for a new TypeScript project?

Configuring ESLint for a TypeScript project involves applying an opinionated ESLint config that enforces best practices for code organization, runtime environments, and commenting to ensure a consistent codebase.

What is the best way to manage dependencies in a pnpm monorepo?

Managing dependencies in a pnpm monorepo is best handled by using dedicated pnpm commands for installing, upgrading, and uninstalling packages across workspaces, facilitating centralized aliases and efficient project organization.

Can I use this toolkit to configure testing with Vitest in a Vue.js project?

Yes, you can use this toolkit to configure testing with Vitest in a Vue.js project. It provides standardized conventions and tooling that streamline the setup process and enforce consistent coding practices.

Does this ESLint config replace Prettier for formatting JavaScript code?

Yes, this ESLint config acts as a Prettier alternative for formatting JavaScript and TypeScript code. It integrates formatting rules directly into ESLint to streamline your development toolchain.

How do I quickly configure Git hooks for a JavaScript project?

You can quickly configure Git hooks for a JavaScript project during the initial project setup phase. The toolkit provides standardized conventions to streamline hook integration alongside ESLint and dependency management.