What frameworks are supported by this restructurer?

This specific skill is optimized for React and TypeScript projects, utilizing AST analysis specifically tuned for JSX/TSX patterns.

Does it support path aliases?

Yes, it can be configured to use path aliases for shared modules and relative paths for co-located feature files per best practices.

Is it safe to run on production codebases?

Yes, it includes a multi-phase workflow (Analyze, Plan, Execute, Verify) and only deletes source files once a successful build has been confirmed.

Does this skill change my application's functionality?

No, the skill is designed to perform idempotent structural refactoring only. It changes how code is organized on disk without altering its runtime behavior.

How does it handle broken imports during the move?

The skill builds a complete dependency graph before moving files, allowing it to automatically update all import references and barrel exports across the project.

React Architect & Restructurer

Name: React Architect & Restructurer
Author: levnikolaevich

bylevnikolaevich

•

개발자 도구

Transforms monolithic React codebases into scalable, component-based architectures using AST-driven analysis.

The ln-721-frontend-restructure skill automates the complex process of breaking down unmanageable React files into clean, feature-based directory structures. It utilizes AST-based analysis to intelligently extract types, constants, hooks, and sub-components into co-located files, ensuring each piece of logic resides in its proper context. By calculating dependency graphs and updating import paths automatically, it significantly reduces technical debt and improves maintainability without changing the application's underlying behavior, all while verifying the final build for production readiness.

주요 기능

01Intelligent extraction of types, constants, and hooks into co-located files

02Automated import path updates with path alias support

0338 GitHub stars

04AST-based analysis for precise component and logic classification

05Post-restructure verification via TypeScript and build checks

06Automated migration from monoliths to feature-folder architectures

사용 사례

01Standardizing directory layouts across large-scale frontend projects

02Automating the extraction of shared logic into reusable hooks and types

03Refactoring legacy React monoliths into modular, maintainable structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add levnikolaevich/claude-code-skills ln-721-frontend-restructure

For use in Claude.ai and ChatGPT

Download Skill