skills.rest
wilfriedago
wilfriedagoCOMMUNITY
Explore all skills by this author →
Website𝕏@wilfriedago_GitHub

antfu

Configure ESLint, Prettier, TypeScript, and Git hooks for JavaScript projects.

2|Updated Jan 5, 2024
Search Tags:#typescript#vitest#javascript#coding conventions#project setup#eslint#prettier
One-click install
npx skills add https://github.com/wilfriedago/dotfiles --skill antfu-wilfriedago
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: antfu
Source: https://github.com/wilfriedago/dotfiles/tree/main/agents/skills/antfu
Command: npx skills add https://github.com/wilfriedago/dotfiles --skill antfu-wilfriedago

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Project Setup: Quickly configure ESLint, Prettier, TypeScript, and Git hooks for new projects.
  • Code Quality: Enforces consistent coding styles, best practices, and type safety.
  • Tooling Automation: Simplifies dependency management and script execution with @antfu/ni commands.
  • Use Case: When starting a new Vue.js project, use this Skill to set up ESLint with Vue support, configure UnoCSS, and ensure all code adheres to Anthony Fu's preferred style.

Quick Start

Use the antfu skill to set up ESLint and Prettier for a new TypeScript project.

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 Prettier for a new TypeScript project?▼

To set up ESLint and Prettier for a new TypeScript project, you can use this Skill to apply opinionated conventions, enforce code quality, and automate development workflows quickly.

What is the best way to configure Git hooks for JavaScript coding conventions?▼

The best way to configure Git hooks for JavaScript coding conventions is using this Skill to provide standardized, opinionated tooling that enforces consistent coding styles and automates development workflows.

Can I use Vitest for testing in a project with opinionated TypeScript configurations?▼

Yes, you can use Vitest for testing in a project with opinionated TypeScript configurations, as this Skill leverages Vitest to facilitate rapid project setup and automate your development testing workflows.

Does this tooling support ESLint configuration for Vue.js projects?▼

Yes, this tooling supports ESLint configuration for Vue.js projects, allowing you to quickly configure ESLint with Vue support, set up UnoCSS, and ensure code adheres to preferred styles.

How do I manage dependencies and scripts in a JavaScript project using @antfu/ni?▼

You manage dependencies and scripts in a JavaScript project using @antfu/ni by leveraging this Skill, which simplifies dependency management and script execution to automate your development workflows.

Related Skills

Explore More Software Engineering Skills→
alexisg24alexisg24

bun-development

Automate Bun-based JavaScript/TypeScript project setup, dependency management, and testing workflows.

Community
Intermediate
cookercooker

antfu

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

Community
Intermediate
ntuan2502ntuan2502

antfu-coding-style

Enforce Anthony Fu's opinionated coding style and tooling preferences.

Community
Basic
vecearvecear

eslint-prettier-config

Configure ESLint and Prettier for TypeScript and React projects.

Community
Advanced