AI Agents for bootstrapping simple tasks

How we develop applications and code is going to change pretty drastically in the next few years. A simple chrome extension I wish I had when I was house hunting was a chrome extension that would flag a home as good/bad based on a criteria I set instead of validating all the details myself.

To be frank I tried building this last year . However, I got lost in the documentation and never made it to the end. One year later I tried with all the AI tools at hand and I was able to build it in less than 10mins.

The idea is very simple but the fact that we can built and execute in such a quick time frame is amazing.

Given the speed at which we are able to build with ai tools, what is your opinion on execution > ideas ?

Here is an example chrome extension instruction set if you can clearly articulate what you extension should and nudge tools like Cursor AI with context we can build them very fast.

Create a Chrome extension called "Zillow Deal Analyzer" that does the following:

1. Activates on Zillow.com property listing pages.
2. Extracts the estimated mortgage payment and rental estimate from the page.
3. Calculates if the property is a good deal by comparing the rental estimate to the mortgage payment.
4. Displays a "Good Deal" or "Bad Deal" indicator on the page, along with the monthly cashflow.
5. Includes a popup with an "Analyze Deal" button to manually trigger the analysis.
6. Shows the analysis result in the popup, including whether it's a good/bad deal, monthly cashflow, mortgage payment, and rent estimate.
7. Automatically runs the analysis when navigating between Zillow listing pages.
8. Uses Manifest V3 for the extension.
9. Handles potential changes in Zillow's HTML structure by using multiple selectors for key elements.
10. Provides error handling and multiple attempts to find and analyze the required information.

Please provide the necessary files (manifest.json, content.js, background.js, popup.html, popup.js) with their complete code to implement this functionality.

Mortage estimate element is like this on zillow: Mortage payment is $1836/month
<span class="Text-c11n-8-100-2__sc-aiai24-0 PersonalizedPaymentChip__StyledEstPayment-zgmi__sc-acoh6y-2 bSfDch GprOW"><strong type="button" aria-expanded="false" aria-haspopup="dialog" class="TriggerText-c11n-8-100-2__sc-d96jze-0 jPRVpd">Est.</strong><strong>:</strong> $4,030/mo</span>

Rental estimate element is like this on zillow: Estimated rent is $1490/month

<p data-testid="rent-zestimate" class="Text-c11n-8-100-2__sc-aiai24-0 jrPdIh">$1,490/mo</p>


The element where I want you to add the good deal or bad deal or next to it is this:
<div class="styles__AddressWrapper-fshdp-8-100-2__sc-13x5vko-0 jrtioM"><h1 class="Text-c11n-8-100-2__sc-aiai24-0 bSfDch">7606 Abbey Ln #208-B, Tampa, FL 33617</h1></div>

Here is the full tutorial: https://youtu.be/cydpustS-Co

If you have any feedback or would like to see some additional features do let me know. If you are interested in more content like this feel free to subscribe to AIForFun&Profit