Ln 721 Frontend Restructure

Handles two distinct jobs: scaffolding a fresh React + Vite + TypeScript project from scratch (about 7 starter files), or taking an existing monolithic React codebase and breaking it into a proper component-based structure. The restructure mode is the interesting part. It analyzes your files, measures complexity, builds a migration plan, then extracts types, constants, hooks, and components into separate files with correct import ordering. Runs the build after to verify nothing broke. Good for when you've got a 500-line component file that needs splitting or inherited a messy frontend that never got organized. The transformation rules and thresholds are documented, so you know what triggers a split.

Install to Claude Code

npx -y skills add levnikolaevich/claude-code-skills --skill ln-721-frontend-restructure --agent claude-code