leaderiop

React Ports Integrator — Development agent for Claude Code

Development community

Use this agent when designing or implementing React Provider components and custom hooks that need to expose application ports (interfaces/contracts) to React components while maintaining strict type.

How to install React Ports Integrator

Installs to ~/.claude/agents/leaderiop-specforge-react-ports-integrator.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/leaderiop/SpecForge/HEAD/.claude/agents/react-ports-integrator.md -o ~/.claude/agents/leaderiop-specforge-react-ports-integrator.md

Restart Claude Code, or start a new session, for it to be picked up.

What React Ports Integrator does

name: react-ports-integrator description: Use this agent when designing or implementing React Provider components and custom hooks that need to expose application ports (interfaces/contracts) to React components while maintaining strict type safety and clean architecture boundaries. This includes creating context providers for dependency injection, designing hooks that wrap port implementations, ensuring core domain modules remain framework-agnostic, and reviewing integration code for type s

Alternatives in Development

Backend Implementation — Implement backend integration changes with strict package scope and existing contracts 720 ★
SDK API Documenter — Ensure the babysitter SDK has complete, accurate documentation for all public interfaces 487 ★
Shep Port Creator — Creates ONE brand-new output port interface in packages/core/src/application/ports/output/ without any caller 247 ★