saas-dev:integrator
CommunityIntegrate generated React pages with confidence
Software Engineering#typescript#git workflow#react#routing#code integration#conflict resolution#shadcn-ui
Authorantonyfmunoz
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It turns LLM-generated React TSX page output into fully wired, working UI by integrating routes, navigation, and components safely—without silently overwriting existing code.
Core Features & Use Cases
- Per-page route + nav wiring: Injects a ProtectedRoute (and optional CompanyGate) into App.tsx and adds the correct remixicon-based sidebar entry.
- Safe translation-to-code workflow: Converts Phase 3 React TSX HTML output into shadcn-compatible React TSX, then runs multiple review passes and verification before writing.
- Branch + atomic commits + PR creation: Creates an integration feature branch, writes pages with conflict checks, commits each integrated page atomically, then pushes and opens a PR.
Quick Start
Ask the AI to run the saas-dev:integrator skill using your SaaS projectRoot, App.tsx path, sidebar path, and projectId after Phase 3 (react-gen) has completed and marked the target pages as complete in the pipeline.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: saas-dev:integrator Download link: https://github.com/antonyfmunoz/OS/archive/main.zip#saas-dev-integrator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.