WebFeaturesScanReport: Claude-Powered Browser Compatibility

Inspiration

The goal was to create a WebFeatures Scan report with a browser compatibility matrix, highlighting supported and unsupported versions. Rather than coding it manually, the idea was to leverage AI and generate the report and matrix through prompts using LLM models from AWS Bedrock

What it does

Client requests to the /scan endpoint are sent via HTTPS POST, including the scanned results JSON from the scanning tool (see ‘Try it out’ link for details), to automatically generate a browser compatibility matrix report as an HTML web page (see demo for example)

How we built it

The WebFeatures Scan tool, originally built in JavaScript as a separate project, provided scan results that were used by this Reporting project to generate HTML web page report. The AWS infrastructure was initially created manually via the console, and Kiro (with ~30% human-in-the-loop) was used to create export scripts to scan the AWS environment, generate Terraform IaC, and import resources—ensuring proper tf-state management

Challenges we ran into

Response times were lengthy, and results varied even for the same model and version. Model upgrades occurred without prior notification (or missed our side), and some provisioned models lacked an on-demand option. Addressing these areas would improve predictability and user experience

Accomplishments that we're proud of

Developed an end-to-end WebFeatures scan tool that leverages AI for reporting, built as a scalable, serverless, event-driven, and cost-optimized (pay-per-use) solution, delivering accurate results without any need to write HTML, CSS, or JavaScript

What we learned

Leveraging LLMs (Nova, Claude, etc.) in the AWS Cloud, selecting the right model for each use case, while ensuring secure and compliant deployment

What's next for WebFeaturesScanReport: Claude-Powered Browser Compatibility

Extend the use of LLM models from AWS Bedrock to support additional use cases as the scanning tool evolves to recommend fixes, rather than just displaying compatibility in the report. This approach can also be integrated into CI/CD pipelines for validation and approval stages

Built With

• amazon-cloudwatch
• amazon-web-services
• api-gateway
• bedrock
• claude
• cloudtrail
• event-driven
• iam
• lambda
• python
• s3
• secrets-manager
• serverless-pattern
• terraform
• waf