Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
