Shopie

Inspiration## Inspiration

Online shopping can be confusing, with too many reviews, inconsistent sizing, and scattered product details. I wanted to create something that simplifies the process and helps people make confident buying decisions. That’s how Shopie was born — an AI shopping assistant that summarizes reviews, specs, and sizing information using Chrome’s built-in AI.

What it does

Shopie reads and analyzes product pages in real time. With a single click or shortcut, it summarizes key product details, condenses long reviews, and provides insights on sizing, pros and cons, and overall value — all displayed in a simple, floating panel on the same page.

How we built it

The project is a Chrome Extension built with:

• manifest.json for permissions and configuration
  
• content.js as the main coordinator for product detection and event handling
  
• scrape.js to extract structured data such as title, price, brand, and reviews
  
• ai/summarize.js powered by Chrome’s Summarizer API
  
• ai/promptSmartSummary.js using Chrome’s Prompt API for structured AI summaries
  
• ui.js and panel.css for creating the floating user interface panel
  

All data is processed locally in the browser, ensuring privacy and speed.

Challenges we ran into

We faced challenges adapting the scraper for different e-commerce site layouts, ensuring stable data extraction when pages changed dynamically, and maintaining performance while handling multiple asynchronous AI calls. Another major challenge was designing a panel that felt natural and non-intrusive within any webpage.

Accomplishments that we're proud of

We successfully integrated Chrome’s new AI APIs into a real-world use case, created a responsive UI that feels native to product pages, and developed a fully client-side AI workflow that’s fast, private, and reliable.

What we learned

We learned how to build AI-enabled extensions using Chrome’s Summarizer and Prompt APIs, manage asynchronous tasks efficiently, and design a user experience that blends naturally with the browsing flow. This project taught us the balance between AI automation and human decision-making clarity.

What's next for Shopie

We plan to add features such as personalized recommendations, ethical product insights, and smarter fit prediction. Our goal is to evolve Shopie into a truly personal AI shopping companion that makes every purchase more informed and transparent.

Built With

• chrome
• chromemultimodalai
• css
• cursor
• github
• javascript
• vscode