Webpack Config Optimizer skill for Claude

Webpack Config Optimizer as a Claude skill. Claude asks for Project Type, Entry Point, Output Path and 6 more, then does the rest. Free to install in…

Install it once and Claude runs it for you. When your request matches, Claude loads the skill, asks for anything it is missing, and works through the template itself. Prefer to fill it in by hand? See the full prompt template.

Download the skill (.zip) · View SKILL.md

When Claude uses it

Use when the user wants help with Webpack Config Optimizer. Related topics: coding, frontend, webpack.

What Claude will ask you for

• Project Type (choose one: React SPA, Vue.js, Vanilla JS, TypeScript, Library/Package)
• Entry Point (free text, e.g. "")
• Output Path (free text, e.g. "")
• Webpack Version (choose one: Webpack 4, Webpack 5)
• Input 5 (choose any: Code splitting, Lazy loading, Tree shaking, CSS/SCSS modules, Asset optimisation, Source maps, Hot Module Replacement (HMR), Bundle analyser, Environment variables, PWA/Service Worker)
• Enable build caching (choose one: Yes, No)
• Target bundle size warning (free text, e.g. "")
• Separate vendor chunks (choose one: Yes, No)
• Minification (choose one: Terser, ESBuild, Default, None)

How to install

Claude.ai and the Claude desktop app

1. Download the skill .zip.
2. Open Settings, then Capabilities, and find Skills.
3. Choose Upload skill and select the .zip.
4. Ask Claude for help with the task. It loads the skill when your request matches.

Claude Code

1. Download the skill .zip.
2. Unzip it into ~/.claude/skills/ (or .claude/skills/ inside a project).
3. Start a new session. Claude Code loads the skill when your request matches.