skills.rest
AloisH
AloisHCOMMUNITY
Explore all skills by this author →
GitHub

antfu

Standardize frontend projects with pnpm, TypeScript strict mode, and ESM.

Updated Nov 24, 2025
Search Tags:#workflow#TypeScript#pnpm#ESLint#web-development#opinionated
One-click install
npx skills add https://github.com/AloisH/bistro --skill antfu-aloish
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: antfu
Source: https://github.com/AloisH/bistro/tree/main/.agents/skills/antfu
Command: npx skills add https://github.com/AloisH/bistro --skill antfu-aloish

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Anthony Fu's opinionated preferences guide developers toward a cohesive, high-velocity web development setup by standardizing tooling, configurations, and best practices across projects.

Core Features & Use Cases

  • Establishes a consistent frontend stack (pnpm, TypeScript strict mode, ESM, ESLint config, Vitest, Git hooks, and docs with VitePress).
  • Prescribes workflow automation, project conventions, and DX improvements for teams adopting a unified approach.
  • Use case: Start a new web project with a shared, opinionated baseline to accelerate delivery while maintaining quality.

Quick Start

  • Apply Anthony Fu's preferences to your project: set pnpm as the package manager, enable TypeScript strict mode, enable ESM, configure ESLint with the recommended config, enable Vitest, and set up docs under docs/.

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 web development workflow with pnpm and TypeScript strict mode?▼

To establish a pnpm workflow with TypeScript strict mode, configure pnpm as your package manager, enable strict mode in your TypeScript configuration, and enable ESM across your project to enforce a cohesive frontend stack.

What is Anthony Fu's opinionated web development playbook for frontend projects?▼

Anthony Fu's opinionated web development playbook is a standardized configuration baseline that enforces pnpm, TypeScript strict mode, ESM, ESLint, Vitest, Git hooks, and VitePress documentation to accelerate team delivery while maintaining code quality.

Can I use ESLint and Vitest configurations for an opinionated web project baseline?▼

Yes, you can apply a cohesive ESLint configuration and enable Vitest for testing. This opinionated baseline prescribes workflow automation and project conventions to improve developer experience across the frontend stack.

Does this opinionated web development setup require pnpm and ESM?▼

Yes, the opinionated web development setup requires pnpm as the package manager and ESM enabled across the project. It targets frontend projects and teams seeking a unified approach to standardize tooling and configurations.

What's the best way to standardize frontend tooling and documentation conventions across a team?▼

The best way to standardize frontend tooling is to apply an opinionated baseline that enforces pnpm, TypeScript strict mode, ESLint, and VitePress documentation under the docs/ directory, ensuring a cohesive setup across the stack.

Related Skills

Explore More Software Engineering Skills→
BailipaBailipa
4

setup-pre-commit

Automate pre-commit hook setup with Husky, lint-staged, and Prettier.

Community
Intermediate
microsoftmicrosoft
2.9k

wiki-vitepress

Package wiki Markdown into a VitePress static site with dark theme and Mermaid diagrams.

Official
Advanced
alexanderopalexanderop
8

antfu

Standardize JavaScript/TypeScript projects with ESLint, strict TypeScript, PNPM, and Git hooks.

Community
Basic
sawrussawrus
17

templates

Automate project initialization with scaffolding templates for web, API, mobile, and desktop projects.

Community
Basic