ColorStack Winter Break Hackathon Edition 2025

https://ai-wrapped-five.vercel.app/

AI Wrapped is a Chrome extension that generates a weekly digest of how users interacted with AI over the past week. Each weekly report includes the total number of AI prompts, the top prompt categories, responsible AI signals, and reflections on AI usage.

We have started to incorporate AI tools into our workflows, but we often fail to reflect on how frequently we rely on these tools. Discussions about responsible AI often focus on models and policies, but rarely on user behaviors.

Inspired by Spotify Wrapped, our solution provides a weekly summary of AI usage patterns and their associated effects. Each weekly report displays metrics of AI interactions and offers insights that promote responsible AI usage.

1. Click on "Manage Tracking" to start/stop tracking of AI usage
2. Click on "View This Week's Wrapped" to view usage summary
3. Click on "Go to Graph/Text Summary" to switch between text/graph view of summary

• Chrome Extension: tracks AI usage with user consent
• Frontend: React-based, shows text-based and graph-based summaries
• Backend: Node.js for aggregation and analysis
• AI Layer: LLM used to classify prompts and generate insights
• Storage: Privacy-first local storage

1. Clone repository or download ZIP
2. Open Chrome
3. Go to "Extensions"
4. Enable developer mode
5. Click on "Load unpacked
6. Select "AI Wrapped folder"
7. Load extension

• Switch to "extension" branch and install and build npm
  • npm install
  • npm run build

• Load the extension from /wrappedAI

• Francesca Dumary - UI designer, frontend implementation
• Favour Iheanyichukwu - idea formation, backend implementation
• Vanessa Koranteng - AI layer integration, frontend implementation
• Rachel Afforo - extension builder, backend implementation

Link to video

Link to presentation

colorstackwinterhack2025-AI-Wrapped.pdf