Astron.ai (Talk with Websites in one click )

Inspiration

Inspiration comes from daily use of LLM models, mainly when asking about something that returns a large amount of text that may be difficult to understand, especially for non-native English speakers. This often leads to the need to ask additional questions or use Google, causing distractions and requiring another call to the LLM to grasp the core meaning of the topic.

What It Does

It makes the mentioned things easier by using the Gemini Nano model in Chrome to simplify tasks: Rewrite: This feature is different from others. For example, when creating an image prompt, if you're unsure how to write it, use the rewriter to transform your input into the best possible prompt for image generation models.

This Rewrite have special ability that it can use the entire pages to write specialized mail to that inclucde the page summary

ex : If you write a email of a ceo about the company , just go to website save it through astron extension , ask write mail to him , that it

Summarize: Similarly, if you're reading an article or paragraph and don't understand it, select the text. A popup will appear with options to define, summarize, translate, and rewrite. Clicking "summarize" will generate a simple summarization of the selected content.

If you want you can summarize current entire page you currently in

Define: On any page in Chrome, if you read an article and don't know the meaning of a word, simply select it. A popup will appear with options to define, summarize, translate, and rewrite. Clicking "define" will provide the definition of the selected word with examples to aid understanding.

Translate: If you still don't understand the paragraph or line after using define or summarize, use the translate option. Select the text, and a popup will appear with options. Clicking "Translate" allows you to choose a language and translate the selected content.

How I Built It

I built Astron.ai (Chrome extension) using Vite (React), Tailwind, and TypeScript. React handled the UI, and Tailwind made styling easy. TypeScript helped catch bugs early. I struggled initially because I had never made an extension before, but I eventually made the building process smooth and efficient!

Challenges I Ran Into

This was my first time building a Chrome extension. I tried multiple methods, including creating it with plain HTML, CSS, and JavaScript, which was time-consuming and resulted in complex code. Having great experience with React and Next.js, and seeing many extensions built on these technologies, I opted to use Next.js and React (Vite). It took about 10 days to figure out how to run the extension smoothly on any browser page. It truly tested my patience, but overall, it was a great experience.

Accomplishments That I'm Proud Of

Creating an extension that is truly useful for users, making their lives easier and more private.

What I Learned

Building a production-level extension becomes easier when you understand the real problem you're solving to improve user experience. It takes time, effort, and a little patience. You can learn any technology if you have a good idea that solves a real-world problem.

What's Next for Astron.ai

Continue making life even easier by utilizing private LLMs.

Built With

• built-in-ai
• chrome
• gemini-nano
• javascript
• react
• typescript
• vite