ln-721-frontend-restructure
CommunityRestructure React frontend to component architecture
Software Engineering#typescript#refactoring#frontend architecture#react#vite#code structure#componentization
Authorcbbkrd-tech
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the complex and time-consuming process of migrating monolithic React codebases into a clean, component-based architecture, improving maintainability and scalability.
Core Features & Use Cases
- SCAFFOLD: Generates a new, minimal React + Vite + TypeScript project from a template.
- RESTRUCTURE: Transforms an existing monolithic React frontend into a component-based structure by analyzing, planning, and executing code refactoring.
- Use Case: A development team needs to modernize a large, legacy React application. They use the RESTRUCTURE mode to automatically break down large components, extract types and hooks, and organize the codebase into a scalable, feature-driven folder structure.
Quick Start
Use the ln-721-frontend-restructure skill to restructure the current React project into a component-based architecture.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ln-721-frontend-restructure Download link: https://github.com/cbbkrd-tech/jl-finishes/archive/main.zip#ln-721-frontend-restructure Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.