saas-dev:integrator

To integrate LLM-generated React pages into a SaaS codebase, this skill wires routes into App.tsx and adds sidebar navigation entries. It translates generated HTML to shadcn/ui TSX and performs conflict checks before writing files to prevent overwriting existing code.

Adding React routes to App.tsx without causing file conflicts requires a workflow that audits existing inventory and detects route or file collisions. This skill detects potential conflicts during integration and prompts user-driven resolution before applying any code changes.

Yes, the page integration workflow supports shadcn/ui translation and git branching by converting React TSX output to shadcn-compatible components. It creates an integration feature branch and commits each integrated page atomically before opening a pull request.

The best way to wire sidebar navigation for newly generated React TSX pages is to automatically inject the correct remixicon-based sidebar entry. This skill handles sidebar updates alongside route injection into App.tsx to ensure complete navigation wiring.

Data-fetching guards are needed during shadcn/ui component translation to prevent runtime errors when converting raw HTML output. This skill applies these guards during the HTML-to-shadcn translation process to ensure safe integration into your SaaS application.

Yes, you can use this React code integration workflow for multi-page SaaS updates. It is specifically designed for brownfield inventory auditing and applying multi-page React app updates where generated output must be safely inserted into existing project structures.