🧠 About the Project — ScreenPilot: Your AI Guide for Every Webpage
Have you ever landed on a website and had no idea where to find what you need? Maybe you’re searching for a form, a policy, or a key piece of information — but end up lost in endless menus and links. That’s where PageMind comes in.
PageMind is a smart Chrome extension that acts as your AI-powered guide while browsing. It features an integrated chatbot that understands the content of the current webpage. You can simply ask questions about the page, like:
“Where can I find the return policy?” “What does this section mean?” “Show me where the pricing details are.”
The chatbot instantly responds — and even highlights the relevant sections right on the page, so you can see exactly where your answer is.
💡 Inspiration
This project was inspired by the everyday frustration of navigating complex websites. Many users waste time trying to locate simple information or understand dense web content. I wanted to create a tool that turns any webpage into an interactive experience — where you can simply ask and get guided to the right place.
⚙️ How I Built It
The extension was built using:
React.js for the frontend interface within the Chrome extension popup.
FastAPI (Python) for the backend, handling AI processing and API communication.
OpenAI API / LLMs for natural language understanding and contextual responses.
Chrome Extension APIs for DOM access, content highlighting, and message passing between background and content scripts.
🚀 What I Learned
I learned how to integrate browser extension logic with an AI backend, manage cross-context communication between content scripts and background workers, and handle real-time page manipulation (like highlighting answers dynamically). I also deepened my understanding of contextual prompt engineering to help the AI interpret webpage text effectively.
🧩 Challenges Faced
Some of the main challenges included:
Managing CORS and authentication between the extension and backend server.
Handling dynamic DOM structures across various sites (so the AI could reliably highlight).
Keeping response times fast while maintaining accuracy.
Deploying the backend with AWS Elastic Beanstalk for scalability and reliability.
🌍 Impact
With PageMind, browsing becomes interactive and intelligent. It’s more than just search — it’s understanding the web through conversation and guidance.
Log in or sign up for Devpost to join the conversation.