Skip to content

/modularize

Use when converting existing code to modular architecture (Laravel, Next.js, React). Triggers: \"modularize\", \"convert to modules\", \"migrate to modular\", \"restructure modules\".

shell
$ npx -y skills add fusengine/agents --skill modularize --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/modularize
How auto-invocation works

Context preview

The summary Claude sees to decide when to auto-load this skill.

Use when converting existing code to modular architecture (Laravel, Next.js, React). Triggers: \"modularize\", \"convert to modules\", \"migrate to modular\", \"restructure modules\".

SKILL.md

modularize.SKILL.md
name: modularize
description: "Use when converting existing code to modular architecture (Laravel, Next.js, React). Triggers: \"modularize\", \"convert to modules\", \"migrate to modular\", \"restructure modules\"."
user-invocable: true
references: references/laravel-fusecore.md, references/nextjs-react-modules.md
related-skills: apex-methodology, exploration

<objective> Modularize converts an existing, non-modular codebase to a modular architecture. It detects the framework (Laravel + FuseCore, standard Laravel, Next.js with modules/, or plain React) and delegates to the matching framework expert, but owns the process itself: explore the full structure, build and present a file-by-file migration map, wait for explicit user confirmation, execute the move step by step, and run `fuse-ai-pilot:sniper` after every file change.

The core constraint it enforces is that shared logic always routes through a central core -- never module-to-module imports directly. </objective>

Agent Workflow (MANDATORY)

detect framework → explore structure → build migration plan → confirm with user → execute → sniper

Framework Detection

| Signal | Framework | Delegate To | |---|---|---| | `FuseCore/` dir + `artisan` file | Laravel + FuseCore | `fuse-laravel:laravel-expert` | | `composer.json` + `artisan` (no FuseCore/) | Laravel standard | `fuse-laravel:laravel-expert` | | `src/modules/` or `app/` + `next.config` | Next.js + modules/ | `fuse-nextjs:nextjs-expert` | | `src/` + `package.json` (React, no Next) | React | `fuse-react:react-expert` |

Critical Rules

1. **Analyze first** — always explore full structure before proposing anything 2. **Show migration map** — present file-by-file plan before touching any code 3. **User confirms** — never move or modify files without explicit approval 4. **Cores = central hub** — no module-to-module imports; all shared logic goes through core 5. **Sniper after each file** — run `fuse-ai-pilot:sniper` after every file moved or created

Workflow Steps

1. Detect framework using signals from the table above 2. Explore codebase: map all files, dependencies, imports, exports 3. Build migration plan: list every file to create, move, or refactor 4. Present plan to user — wait for explicit confirmation before proceeding 5. Execute step by step; stop and report any conflict immediately 6. Run sniper validation after each file change 7. Final report: list all changes made and any remaining manual steps

Reference Guide

| Stack | Reference File | |---|---| | Laravel (FuseCore or standard) | `references/laravel-fusecore.md` | | Next.js / React | `references/nextjs-react-modules.md` |

DO / DON'T

**DO:** explore before planning — plan before executing — confirm before touching files — sniper every step

**DON'T:** assume structure — skip confirmation — import between modules directly — batch changes without validation

Read more
Read it on GitHub ↗
Ships withfusengine-agents

A plugin ecosystem that turns Claude Code into a supervised, multi-agent development environment.

Get the whole plugin, auto-invoked
Stats
22
Stars
0
Views
3
Forks
Active
Maintenance
CSS
Language
MIT
License
1d ago
Last commit
6mo ago
Created

Repo: fusengine/agents