skills.rest
DanielShuguang
DanielShuguangCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

antfu

Configure web projects with pnpm, strict TypeScript, ESLint, Vitest, and Git hooks.

1|Updated Jul 30, 2023
Search Tags:#typescript#vitest#best practices#web development#eslint#pnpm
One-click install
npx skills add https://github.com/DanielShuguang/tool-box --skill antfu-danielshuguang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: antfu
Source: https://github.com/DanielShuguang/tool-box/tree/main/.trae/skills/antfu
Command: npx skills add https://github.com/DanielShuguang/tool-box --skill antfu-danielshuguang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized and opinionated set of best practices and configurations for modern web development, streamlining project setup and ensuring consistency.

Core Features & Use Cases

  • Unified Tooling: Enforces consistent use of package managers (pnpm), linters (ESLint), and testing frameworks (Vitest).
  • TypeScript & ESM: Promotes strict TypeScript and ECMAScript Module usage for robust code.
  • Automated Workflows: Integrates Git hooks and CI/CD practices for quality assurance.
  • Use Case: A new developer joins a team using these preferences; they can immediately understand the project's structure, tooling, and expected coding style without extensive onboarding.

Quick Start

Configure your project according to Anthony Fu's web development preferences.

Frequently Asked Questions about antfu

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

FAQPage Schema
What are opinionated web development preferences for standardizing a project setup?▼

Opinionated web development preferences provide standardized configurations for tooling, TypeScript, and ESLint to streamline project setup and ensure coding consistency across teams.

How do I configure pnpm and ESLint for strict TypeScript development?▼

To configure pnpm and ESLint for strict TypeScript, enforce ESM usage, apply strict type checking rules, and use ESLint for both linting and formatting workflows.

How do opinionated web dev preferences improve the developer onboarding experience?▼

Opinionated web dev preferences improve developer onboarding by providing a standardized project structure, clear tooling choices, and expected coding styles, allowing new developers to understand workflows immediately.

Can I use Vitest for testing in an ESM-focused TypeScript project?▼

Yes, you can use Vitest for testing in an ESM-focused TypeScript project. It integrates seamlessly into opinionated web dev workflows to ensure quality assurance.

How do Git hooks fit into opinionated web development workflows?▼

Git hooks fit into opinionated web development workflows by automating quality assurance. They integrate with ESLint and Vitest to enforce coding standards before code commits.

What is the best way to maintain consistent web development tooling across a team?▼

The best way to maintain consistent web development tooling is adopting opinionated preferences that enforce specific package managers like pnpm, linters, and strict TypeScript configurations across all projects.

Related Skills

Explore More Software Engineering Skills→
Mahaboob26Mahaboob26

setting-up-streamlit-environment

Automate Python environment setup for Streamlit projects with uv.

Community
Intermediate
Sheldon-92Sheldon-92
3

Testing

Execute test suites and report failures with coverage metrics.

Community
Intermediate
pohlai88pohlai88

lint-types-debug

Diagnose ESLint and TypeScript errors in the AFENDA-NEXUS monorepo.

Community
Advanced
LinWhite2333LinWhite2333

antfu

Configure JavaScript/TypeScript projects with TypeScript, ESLint, Prettier, and Git hooks.

Community
Advanced