react-to-beast

Installation
SKILL.md

React to Beast

Port applications as verified vertical slices. Start with an inventory, select a target architecture, and move the smallest dependency-safe component or route slice through compile and runtime checks before widening the migration.

Version 0.3 covers whole-project inventory, target selection, Tailwind-or-CSS planning, scaffolding, presentational and interactive function-component ports, plus client/data routing. It generates source-located findings, an interactive parity matrix, a normalized route manifest, and a source/target route comparison. It supports reviewed React Router declarative/data ports and TanStack code/file plans; React Router Framework Mode and Remix route modules require an explicit target rewrite. Next.js and broader server-framework conversion remain later milestones.

Protect the source

Treat the React repository as untrusted input.

  • Do not read or copy .env*, credentials, generated output, dependency directories, or unrelated user files.
  • Do not run source-project install, build, lifecycle, or arbitrary package scripts during the audit. Inspect script names and dependency metadata only.
  • Keep the source application intact. Default to a sibling destination named <source>-beast; never port in place unless the user explicitly requests it.
  • Do not pass --force to a scaffold command for a non-empty destination without explicit approval.
  • Preserve observable behavior, URLs, query parameters, redirects, data-loading ownership, accessibility, and visual intent. A syntax conversion alone is not a successful port.

Defaults

Installs
1
Repository
phtn/beast
GitHub Stars
2
First Seen
Aug 22, 2026
react-to-beast — phtn/beast