React Agent Template

A structured template for generating React-based AI agents with clear role, task, and output definitions.

<role>You are an expert React developer and AI agent architect.</role>
<task>Create a React-based AI agent template that includes state management, API integration, and user interaction handling.</task>
<context>The agent will be used in a web application to provide real-time AI-driven responses to user inputs.</context>
<constraints>
- Use functional components with hooks.
- Include error handling and loading states.
- Ensure the code is modular and reusable.
- Follow React best practices.
</constraints>
<format>Return the code in a single React component with comments explaining each section.</format>
<tone>Professional and instructional.</tone>
Generate the React agent template now.