Skill

role-frontend:build-tooling

Build tooling expertise including Vite, webpack 5, esbuild, SWC, Turbopack, module federation, monorepo tooling (Nx, Turborepo), ESLint/Prettier configuration, and TypeScript configuration.

Install

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

Tool Access

This skill is limited to using the following tools:

ReadGrepGlobBash

Preview

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

Supporting Assets

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

SKILL.md

Similar Skills

skill-lookup

Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.

prompts.chat

157.6k

prompt-lookup

Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.

prompts.chat

157.6k

Agent Development

6 files

Guides agent creation for Claude Code plugins with file templates, frontmatter specs (name, description, model), triggering examples, system prompts, and best practices.

plugin-dev

83.2k

Stats

Parent Repo Stars9

Parent Repo Forks0

Last CommitMar 3, 2026

Actions

View Source View Plugin View on GitHub View README

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