AI Agent Profile Builder

Welcome to the AI Agent Profile Builder!

In this project, you will be taking over a partially built "AI Agent Builder" interface. The current state is functional in principle, but it's suffering from severe performance issues, logical bugs, and a lack of styling.

Your goal is to transform this raw scaffold into a polished, performant, and visually appealing web application.

🎯 Your Mission

1. Fork this Repository: Start by making a public fork of this repository to your own GitHub account.

2. Fix the Bugs: We have intentionally left several React anti-patterns and performance bottlenecks in the codebase. Identify them, fix them, and explain your fixes in your PR description.

3. Elevate the UI/UX: The current UI is a skeleton using basic dropdowns. We want you to wow us with a much more intuitive and user-friendly experience—preferably implementing a drag-and-drop interface to construct the agent instead of the current select menus. Implement a responsive, modern, and beautiful design. Feel free to use appropriate CSS frameworks (Tailwind, CSS Modules, Styled Components) and component libraries (like dnd-kit or react-beautiful-dnd) if you prefer.

   • ⭐️ Design Process: The strongest engineers don't just write code; they think about the user. While not strictly required, candidates who share a Figma file (or similar) detailing their thought process and design iterations before building stand out significantly from the crowd. Feel free to include a link in your PR description!

4. Submit a Pull Request: Once you are satisfied with your work, open a Pull Request against this original repository.

   • If you have created a design for this challenge. Make sure to link it here. If not, leave it as is.

   DESIGN LINK = <public_url_here>

   • IMPORTANT: In the PR, make sure to put your CV in the public folder (as a PDF). You can also present your CV in the frontend in a creative way; but the pdf in the public folder is a must.

🤖 AI Tool Usage

We are a very AI-positive company! The use of AI coding assistants, LLMs, or other supporting tools is highly encouraged and will not harm your chances.

If you used any AI tools to assist you with this project (e.g., ChatGPT, Claude, GitHub Copilot, Cursor, etc.), please create a brief section in your PR description listing them and how you utilized them.

📝 Evaluation Criteria

We will be evaluating your submission based on:

1. React Fundamentals: Did you identify and correctly fix the intentional performance and scoping bugs? Is your component state managed logically?
2. Code Quality: Is your code clean, readable, and well-structured? Did you extract components appropriately?
3. Design & UX: Does the final application look professional and feel good to use? Is it responsive?
4. Communication: Does your PR description clearly explain the architectural decisions you made, the bugs you found, and how you fixed them?

Good luck! We can't wait to see what you build.