# Apply Antfu Web Development Preferences

Modern JavaScript projects need consistent tooling choices across linting, testing, builds, and release setup. This skill applies Anthony Fu opinionated conventions for TypeScript, Vue, pnpm, ESLint, Vitest, and related project structure.

## Install

```bash
npx skillstore add antfu/antfu
```

## Metadata

- - Slug: antfu-antfu
- - Version: 1.0.0
- - Author: antfu
- - GitHub username: antfu
- - License: MIT
- - Repository: https://github.com/antfu/skills/tree/main/skills/antfu/
- - Ref: main
- - Supported tools: Claude, Codex, Claude Code
- - Risk level: medium
- - Risk factors: external\_commands, network, filesystem
- - Quality score: 50
- - Quality tier: warning
- - Public page: https://skillstore.pages.dev/skills/antfu-antfu
- - Manifest: https://skillstore.pages.dev/api/skills/antfu-antfu/manifest

## Capabilities

- Recommends pnpm, ESM, strict TypeScript, and @antfu/ni command conventions.
- Generates @antfu/eslint-config setup examples for TypeScript, Vue, React, Svelte, Astro, Solid, and UnoCSS projects.
- Suggests Vitest, simple-git-hooks, lint-staged, and VitePress project configuration patterns.
- Provides guidance for Vue app structure, library publishing with tsdown, and pnpm monorepos.
- Creates recommended .gitignore and VS Code extension configuration for JavaScript and TypeScript projects.
- Documents GitHub Actions workflow templates for autofix, unit tests, and tag-based releases.

## Use Cases

- Start a TypeScript Web App: Set up Vue, Vite or Nuxt, UnoCSS, strict TypeScript, and linting using the documented preferences.
- Standardize a JavaScript Monorepo: Apply pnpm workspaces, shared scripts, centralized aliases, and consistent linting across multiple packages.
- Prepare a Library for Publishing: Use tsdown, ESM-only package settings, Vitest, release scripts, and GitHub Actions templates.

## Prompt Templates

### Create a Basic Project Setup

```
Apply the antfu preferences to this new TypeScript project. Add the recommended package manager, strict TypeScript settings, ESLint config, and basic scripts.
```

### Configure a Vue Application

```
Review this Vue app and update it toward the antfu style. Focus on script setup, TypeScript props and emits, UnoCSS, VueUse, and linting.
```

### Modernize a Library Package

```
Convert this TypeScript library to the antfu publishing style. Use pure ESM, tsdown, generated declarations, Vitest, and clear release scripts.
```

### Audit a Monorepo Migration Plan

```
Compare this monorepo against the antfu conventions. Propose changes for pnpm workspaces, catalogs, recursive scripts, aliases, testing, and CI. Flag any risky automation before adding it.
```

## Limitations

- It reflects one opinionated development style and may not match every team standard.
- It provides configuration guidance but does not verify dependency versions or security advisories.
- Release workflow recommendations require review before use in production repositories.
- Framework coverage focuses on modern JavaScript, TypeScript, Vue, and related tooling.

## Best Practices

- Review generated scripts, hooks, and CI workflows before running them or committing them.
- Use the skill when you want one consistent style across TypeScript, Vue, linting, tests, and release setup.
- Pin and inspect third-party GitHub Actions workflows before granting write or OIDC permissions.

## Anti Patterns

- Do not apply every recommendation blindly to projects with established team standards.
- Do not enable release workflows without reviewing publishing credentials and repository permissions.
- Do not run package-manager or npx commands from generated output without user approval.

## Security Audit

- - Safe to publish: true
- - Audited at: 2026-06-28T08:59:32.011\+00:00
- - Summary: Static analysis heavily over-counted Markdown examples as Ruby backticks, weak cryptography, reconnaissance, and credential access. Most findings are false positives from documentation and code snippets, but the skill does recommend package-manager commands and third-party reusable GitHub Actions workflows, including release permissions that require user review.

## Stats

- - Views: 148
- - Downloads: 7
- - Favorites: 0
- - Popularity score: 0