Stats
Actions
Tags
From role-frontend
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.
How this skill is triggered — by the user, by Claude, or both
Slash command
/role-frontend:build-toolingThis skill is limited to the following tools:
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
size-limit blocks bloat before it shipsreferences/vite-esbuild-swc.md — Vite config patterns, plugins, HMR, env vars, library mode, SSR mode; esbuild build API; SWC .swcrc and jest integrationreferences/webpack-turbopack-module-federation.md — webpack 5 persistent cache, code splitting, bundle analysis; Turbopack vs Vite comparison; Module Federation remote/host setupreferences/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 referencesreferences/monorepo-modules-packages.md — Turborepo and Nx task pipelines, pnpm workspaces, package manager comparison, dual ESM/CJS exports, bundle analysis tools, anti-patternsnpx claudepluginhub rnavarych/alpha-engineer --plugin role-frontendConfigures 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.
Guides monorepo setup and optimization with Turborepo, Nx, and pnpm workspaces. Use when structuring multi-package repos, managing shared dependencies, or improving build performance.
Standardizing Vite configurations, security boundaries, and build performance for apps, libraries, and monorepos. Covers plugins, env vars, dev server, HMR, and bundle optimization.