Bysa - Bring Your Smart Agent

Have you read a lengthy article and wish to ask about certain points but there is nowhere to ask? Now, you can, with WebMCP. Just bring your own agent and let them "see" the same website with you.

Comment

Inspiration

I was on a learning website and I ran out of credits to ask their bespoke AI assistant. At that time, I wished I could bring my ow agent and ask it about points that I didn't understand. When I learned of WebMCP, I knew it would be perfect for my use case. Instead of depending on other developers' implementation of AI agents, I will let my carefully personalized agent be my reading, learning and researching partner.

What it does

The website exposes several tools that the agents can use:

  • Get the content of the current article the user is reading
  • List all articles available on the website
  • Save the summary of an article to localStorage.

Now, users can ask the agent about concepts in the article they are reading or in other articles. They can ask the agent to summarize an article and this summary will be saved to a flyout that can be toggled with a button. Next time, when the user visits the same article again, the Summary button will be there for you! Of course, they can ask the agent to delete the summary.

How we built it

The website is nothing more than a basic React app, something that you will build whenever you learn a new frontend framework. The meaty part is the use of WebMCP imperative API to register tools.

Challenges we ran into

Nothing significant that I can remember. Implementing WebMCP turns out to be a small project.

Accomplishments that we're proud of

I think I have empowered readers to get answers for things they don't understand about a third-party website. And I would be amused if I can have a summary of a verbose article I am reading using my own agent without leaving the website.

What we learned

The most obvious use cases for WebMCP is ecommerce - you can use it to enhance storefront, booking platforms etc. However, you can also use it to create delightful experience for a humble website, even when you think it has no use for WebMCP.

What's next for Bysa - Bring Your Smart Agent

Fine-tune the existing tool to enhance the human and agent's experience. Keep the tools working seamlessly while watching the WebMCP standards evolve.

Built With

Share this project:

Updates

Submission history