build-optimization

Automate Turbopack configuration and build-time measurements for GROWI's apps/app.

1.5k|242|Updated Feb 16, 2017
One-click install
npx skills add https://github.com/growilabs/growi --skill build-optimization-growilabs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: build-optimization
Source: https://github.com/growilabs/growi/tree/main/apps/app/.claude/skills/build-optimization
Command: npx skills add https://github.com/growilabs/growi --skill build-optimization-growilabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides automated Turbopack configuration, module optimization, and build-time measurement tooling for GROWI's apps/app, enabling faster, more predictable builds.

Core Features & Use Cases

  • Automates Turbopack configuration tuning, loader rules, and module optimization for apps/app.
  • Provides build-time measurement tooling to quantify performance improvements and guide optimizations.
  • Use Case: When developing or deploying apps/app, run this skill to ensure builds are optimized and performance metrics are collected.

Quick Start

Start the optimization workflow to automatically apply Turbopack settings and measure build performance in apps/app.

Frequently Asked Questions about build-optimization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Turbopack to reduce Next.js bundle size?

Configuring Turbopack to reduce Next.js bundle size involves automating next.config.ts turbopack rules, alias mappings, and server/client optimizations. This enables deterministic builds and reliable metrics to improve bundle quality.

What is the best way to measure Next.js build performance improvements?

The best way to measure Next.js build performance improvements is by applying build-time measurement tooling during development and production builds. This quantifies performance improvements and guides further module optimization.

How do I automate Turbopack configuration for module optimization?

Automate Turbopack configuration for module optimization by tuning loader rules and configuring next.config.ts settings. This allows automatic application of Turbopack settings during development and deployment to ensure optimized builds.

Does this build optimization approach work for both development and production environments?

Yes, this build optimization approach works for both development and production environments. It is applied during development and production builds to reduce build times, improve bundle quality, and quantify performance improvements across environments.

Why does my Next.js build time increase and how can I make it predictable?

Next.js build time can increase due to unoptimized module loading and configuration. Make it predictable by automating Turbopack configuration tuning and module optimization to enable deterministic builds with reliable performance metrics.