An agent skill for structuring and evolving production React and TypeScript codebases. It helps coding agents organize by feature ownership, keep domain logic framework-independent, isolate API adapters, expose small public module APIs, enforce one-way dependencies, and refactor incrementally—without imposing a cosmetic folder rewrite.
Fin Startups get Fin free for a year + 93% off Intercom
Promoted
Maker
📌
I built Structure React Applications because AI coding agents can generate correct React code while still weakening a codebase’s boundaries. Components, hooks, services, and utils quickly become the architecture by accident. This skill gives agents a repeatable decision framework: identify the owner, define a narrow public API, keep domain logic independent, map external data at adapter boundaries, and move one vertical slice at a time. I’d love to hear which architecture decisions create the most friction in your React codebase.