antfu

Automate JavaScript/TypeScript project setup with ESLint, Prettier, and tsdown.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Pancake-Q/claude-plugin-frontend --skill antfu-pancake-q
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: antfu
Source: https://github.com/Pancake-Q/claude-plugin-frontend/tree/main/skills/antfu
Command: npx skills add https://github.com/Pancake-Q/claude-plugin-frontend --skill antfu-pancake-q

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires typescript, eslint, prettier, tsdown, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of setting up new JavaScript/TypeScript projects by automating configuration, implementing coding standards, and simplifying the use of various tools and libraries.

Core Features & Use Cases

  • Project Setup: Automates the setup process with @antfu/ni commands and configuration for ESLint/Prettier.
  • Coding Practices: Enforces explicit imports, clear naming, and consistent style for better code readability.
  • Runtime Environment: Ensures code compatibility across Node.js and browser environments.
  • Testing: Supports testing frameworks like Vitest with clear guidelines and best practices.
  • Use Case: Ideal for new project starts, configuration of build tools, library development, and applying Anthony Fu's coding philosophies.

Quick Start

Use the 'antfu' skill to initialize a new project with default configurations: Use antfu ni init to create a new project with all required dependencies and setup configurations.

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 new TypeScript project with ESLint and Prettier configurations?

To set up a TypeScript project with ESLint and Prettier, you can use the antfu skill to automate configuration, enforce explicit imports, and apply consistent coding standards for better readability.

What's the best way to enforce coding standards and consistent style in a JavaScript project?

Enforcing coding standards in a JavaScript project is achieved by applying Anthony Fu's conventions, which mandate explicit imports, clear naming, and consistent style to enhance overall code maintainability.

Does this project setup approach work with testing frameworks like Vitest?

Yes, this project setup approach works with testing frameworks like Vitest, providing clear guidelines and best practices to ensure your code meets quality standards during development.

Can I use these coding conventions for library development across Node.js and browser environments?

Yes, you can use these coding conventions for library development, as the setup ensures code compatibility across both Node.js and browser runtime environments.

How do I initialize a new project using the antfu conventions and required dependencies?

To initialize a new project using antfu conventions, run the `antfu ni init` command, which creates the project structure with all required dependencies and setup configurations.

What tools do I need installed before applying these TypeScript coding standards?

Before applying these TypeScript coding standards, you need TypeScript installed, along with related tools like ESLint, Prettier, and tsdown for project initialization and development.