Promptly

Inspiration

Promptly was inspired by the frequent need to switch between browser windows to ask AI questions while browsing websites. This process felt repetitive and inefficient, leading to the idea of integrating AI directly into the browsing experience to streamline the workflow.

What it does

Promptly is a Chrome Extension that uses AI to analyze and summarize webpages automatically. Users can customize prompts in the settings or ask questions directly, making it a versatile tool for research, learning, and productivity.

How I built it

Promptly was built using:

AI Integration: Chrome built-in AI API, specifically the Prompt API. Frontend: HTML, CSS, and TypeScript. Framework: WXT, a framework for developing browser extensions.

Challenges I ran into

One challenge was working with the Chrome built-in AI API, which is still under evelopment. For example, the Summarization API didn’t work well with long webpages, so I pivoted to using the Prompt API, which handled similar tasks effectively.

Accomplishments that we're proud of

I'm particularly proud of the system that allows seamless, continuous AI interactions using queuing mechanisms. This design ensures that multiple prompts can be handled, enhancing the user experience.

What we learned

This project provided valuable insights into Chrome Extension development and the lightweight yet powerful capabilities of Chrome built-in AI. As a first-time Chrome Extension project, it offered unique challenges compared to traditional frontend development, which significantly expanded my technical skill set.

What's next for Promptly

Future plans include:

• Adding support for multiple languages to accommodate non-English webpages.
• Enhancing compatibility with pages using inline frames.
• Continuing to refine performance and usability as the Chrome built-in AI API evolves.

Built With

• chrome
• gemini
• javascrip
• typescript
• wxt