| name | routr-integrate |
| description | Integrate a third-party library using up-to-date docs. Use when: 'how do I use X', SDK setup, API syntax, version migration, configure library. Not for: internal codebase exploration (→ routr-explore); debugging a library error (→ routr-debug). |
routr-integrate
Goal: version-aware integration matching repo patterns.
When to activate
- "How do I use X", SDK setup, API syntax
- Version migration, configuring a third-party library
Do not activate
- Internal codebase exploration, no library involved →
routr-explore
- Debugging a library error →
routr-debug
Iron law
Never guess an API — verify against find-docs and the installed package version before writing code.
0. Bootstrap
find-docs — always for API detailssymdex-code-search — existing usage in repolean-ctx — narrow reads
UI libs: shadcn, framer-motion-animator as needed.
1. Verify docs
Never guess APIs. Check package.json version vs docs.
2. Repo alignment
SymDex for imports/config; match conventions.
3. Implement
Minimal working example; types compile; linter clean.
4. Frontend libraries
| Type | Also read |
|---|
| Component UI | shadcn, tailwind-design-system |
| Motion | framer-motion-animator |
| General UI | frontend-design for layout |
Output format
## Integration report
**Library / version:** …
**Matched repo conventions:** yes/no
**Verified:** types compile, linter clean
Handoff
- Full new page →
routr-frontend
- Motion polish →
routr-motion
References
