Skill

role-frontend:build-tooling

Provides expertise in frontend build tooling including Vite, webpack, esbuild, SWC, Turbopack, Module Federation, monorepos (Nx, Turborepo), ESLint/Prettier/TS configs. Use for project setup, optimization, linting.

Vite

npx claudepluginhub rnavarych/alpha-engineer --plugin role-frontend

Popularity

Parent stars

Parent forks

Invocation

How this skill is triggered — by the user, by Claude, or both

Slash command

/role-frontend:build-tooling

User invocable

Model invocable

Inline context

Default effort

Tool Access

This skill is limited to the following tools:

ReadGrepGlobBash

Context Preview

The summary Claude sees in its skill listing — used to decide when to auto-load this skill

- Setting up a new frontend project and choosing a build tool

Supporting Files

references/linting-formatting-typescript.mdreferences/monorepo-modules-packages.mdreferences/vite-esbuild-swc.mdreferences/webpack-turbopack-module-federation.md

SKILL.md

34 lines · ~482 tokens

Similar Skills

vite

Configures Vite projects including vite.config.ts/js, plugins, HMR, asset bundling, SSR, library mode, deployment, and Litestar integration.

5 files

flow

vite

667

Configures Vite build tool, plugin API, SSR, and Vite 8 Rolldown migration. Auto-activates when working with vite.config.ts, Vite plugins, or building SSR apps.

6 files

nuxt-skills

fec-vite-project-standard

Configures, reviews, and debugs Vite-based frontend projects including vite.config, env variables, proxy, HMR, plugin ordering, library mode, pre-bundling, bundle splitting, and build performance.

frontend-craft

Stats

LanguageShell

Parent stars13

Parent forks1

MaintenanceGood

Last CommitMar 3, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Stats

Actions

Help us improve

Share bugs, ideas, or general feedback.

Build Tooling

When to use

Setting up a new frontend project and choosing a build tool

Configuring dev server, HMR, proxy, or library mode in Vite

Replacing Babel with SWC or esbuild for faster transpilation

Building micro-frontend architectures with Module Federation

Setting up a monorepo with Turborepo or Nx

Configuring ESLint flat config, Biome, Prettier, or pre-commit hooks

Optimizing bundle size or establishing size budgets

Core principles

Vite first for new projects — native ESM dev server, Rollup production builds, massive plugin ecosystem

SWC over Babel for transpilation — 20-70x faster, drop-in replacement

pnpm for monorepos — prevents phantom dependencies, hard links save disk

Bundle budgets in CI — size-limit blocks bloat before it ships

Biome or separate tools — never run Prettier as an ESLint plugin

Reference Files

references/vite-esbuild-swc.md — Vite config patterns, plugins, HMR, env vars, library mode, SSR mode; esbuild build API; SWC .swcrc and jest integration

references/webpack-turbopack-module-federation.md — webpack 5 persistent cache, code splitting, bundle analysis; Turbopack vs Vite comparison; Module Federation remote/host setup

references/linting-formatting-typescript.md — Biome config, ESLint 9+ flat config with TypeScript/React/a11y rules, Prettier config, pre-commit hooks, TypeScript strict tsconfig and project references

references/monorepo-modules-packages.md — Turborepo and Nx task pipelines, pnpm workspaces, package manager comparison, dual ESM/CJS exports, bundle analysis tools, anti-patterns

Build Tooling

When to use

Setting up a new frontend project and choosing a build tool
Configuring dev server, HMR, proxy, or library mode in Vite
Replacing Babel with SWC or esbuild for faster transpilation
Building micro-frontend architectures with Module Federation
Setting up a monorepo with Turborepo or Nx
Configuring ESLint flat config, Biome, Prettier, or pre-commit hooks
Optimizing bundle size or establishing size budgets

Core principles

Vite first for new projects — native ESM dev server, Rollup production builds, massive plugin ecosystem
SWC over Babel for transpilation — 20-70x faster, drop-in replacement
pnpm for monorepos — prevents phantom dependencies, hard links save disk
Bundle budgets in CI — size-limit blocks bloat before it ships
Biome or separate tools — never run Prettier as an ESLint plugin

Reference Files

references/vite-esbuild-swc.md — Vite config patterns, plugins, HMR, env vars, library mode, SSR mode; esbuild build API; SWC .swcrc and jest integration
references/webpack-turbopack-module-federation.md — webpack 5 persistent cache, code splitting, bundle analysis; Turbopack vs Vite comparison; Module Federation remote/host setup
references/linting-formatting-typescript.md — Biome config, ESLint 9+ flat config with TypeScript/React/a11y rules, Prettier config, pre-commit hooks, TypeScript strict tsconfig and project references
references/monorepo-modules-packages.md — Turborepo and Nx task pipelines, pnpm workspaces, package manager comparison, dual ESM/CJS exports, bundle analysis tools, anti-patterns

role-frontend:build-tooling

Popularity

Invocation

Tool Access

Context Preview

Supporting Files

SKILL.md

Similar Skills

Help us improve

Help us improve

Find plugins for your project

role-frontend:build-tooling

Popularity

Invocation

Tool Access

Context Preview

Supporting Files

SKILL.md

Build Tooling

When to use

Core principles

Reference Files

Similar Skills

Help us improve

Build Tooling

When to use

Core principles

Reference Files