Does it support micro-frontend architectures?

Absolutely. It provides specific patterns for setting up Module Federation for host and remote application architectures.

What build tools does this skill support?

The skill specializes in modern tools like Vite, Webpack 5, esbuild, and SWC, as well as monorepo managers like Nx and Turborepo.

Can it help improve build speeds?

Yes, it focuses on performance-first principles like using SWC over Babel and implementing persistent caching and ESM-native development servers.

How does it handle linting and formatting?

It follows modern best practices such as ESLint 9+ flat configurations and utilizes high-performance tools like Biome or separate Prettier processes.

Is it compatible with TypeScript?

Yes, it includes advanced TypeScript configuration expertise, including strict tsconfig setups and project references for monorepos.

Frontend Build Tooling

Name: Frontend Build Tooling
Author: rnavarych

byrnavarych

•

開発者ツール

Optimizes and configures modern frontend infrastructure including build systems, monorepos, and development toolchains.

This skill equips Claude with specialized expertise in modern frontend build architecture, enabling the configuration and optimization of high-performance development environments. It covers the full lifecycle of project setup, from choosing the right build tool like Vite or Turbopack to implementing complex monorepo structures with Nx or Turborepo. Users can leverage this skill to migrate legacy Webpack configurations to SWC/esbuild, architect micro-frontends via Module Federation, and establish strict TypeScript and linting standards to ensure long-term code quality and fast iteration cycles.

主な機能

01High-performance build configuration for Vite, webpack 5, and Turbopack

02Advanced developer experience setup including ESLint flat configs and Biome

03Micro-frontend implementation with Module Federation host/remote patterns

0411 GitHub stars

05Optimized transpilation patterns using SWC and esbuild for 20-70x faster builds

06Monorepo architecture setup using Nx, Turborepo, and pnpm workspaces

ユースケース

01Structuring a scalable monorepo for multi-package projects with optimized CI pipelines

02Implementing bundle size budgets and performance monitoring in automated workflows

03Migrating a legacy frontend project to a modern, fast ESM-based dev server like Vite

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add rnavarych/alpha-engineer build-tooling

For use in Claude.ai and ChatGPT

主な機能

01High-performance build configuration for Vite, webpack 5, and Turbopack

02Advanced developer experience setup including ESLint flat configs and Biome

03Micro-frontend implementation with Module Federation host/remote patterns

0411 GitHub stars

05Optimized transpilation patterns using SWC and esbuild for 20-70x faster builds

06Monorepo architecture setup using Nx, Turborepo, and pnpm workspaces

ユースケース

01Structuring a scalable monorepo for multi-package projects with optimized CI pipelines

02Implementing bundle size budgets and performance monitoring in automated workflows

03Migrating a legacy frontend project to a modern, fast ESM-based dev server like Vite