Subscribe to our newsletter
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
.svg)
.svg)
.svg)
After making it to the final round of Optimizely’s Hackathon last year, our team put their knowledge and skills to the test again for this year’s Optimizely Opal Hackathon.
If you’re not already familiar, Opal is Optimizely’s next-generation AI-driven platform that connects content, data, and personalization through a network of intelligent agents and adaptable workflows.
For this year’s Hackathon, teams were tasked with creating tools that extend the platform’s capabilities, spotlighting how AI can automate business operations across the Optimizely ecosystem via Opal APIs.
The First Line Software team presented two solutions demonstrating how Opal can drive both sustainable web operations and intelligent content automation: a GreenOps-focused sustainability analyzer and an AI-based brochure generation tool.
The Sustainable Experience Optimizer is a GreenOps tool built on the Opal Tool Framework, created to analyze and optimize websites’ digital carbon footprint while correlating sustainability metrics with performance and UX. Unlike traditional integrations, this runs as an independent prototype. This means it does not connect directly to Optimizely CMS, Commerce, or ODP, but demonstrates how Opal tools can operate autonomously while leveraging external data sources.
This system gathers performance data through the CO₂.js library (by The Green Web Foundation) and Google PageSpeed Insights API, calculating the estimated energy use of each page and its CO₂ emissions. These metrics, combined with Core Web Vitals (LCP, FID, CLS) and network telemetry, generate detailed Markdown-based sustainability reports. linking user experience with environmental impact.
Through combining environmental responsibility with technical performance metrics, this tool demonstrates how AI-driven GreenOps can integrate sustainability into the core of digital experience design.
The Instant Brochure Builder uses Opal’s orchestration to turn public web pages into polished, print-ready PDFs or slide decks. The AI agent parses and restructures information from a public web page, and has the ability to enrich it with more context or summaries before applying a design template to produce a ready-to-share presentation or brochure.
The current Instant Brochure Builder operates as a standalone solution, not directly integrated with Optimizely components. It uses the Opal Tools API to process public URLs, extract and reorganize text, and generate formatted outputs using a combination of Node.js, LangChain.js, and Azure OpenAI. This allowed the team to experiment with intelligent document-generation workflows and focus on the interaction between Opal’s AI layer and lightweight serverless infrastructure.
Example Opal prompt:
Use url_to_brochure tool for https://example.com/services
with template "service_guide" - display results as-is
The tool works exclusively with public URLs, excluding private or embedded media, to ensure data security and transparency.
Future releases may include direct integration with Optimizely CMS or CMP, enabling end-to-end content publishing pipelines within the ecosystem.
The hackathon demonstrated how Opal can serve as the intelligence core within the Optimizely ecosystem to bridge data, content, and automation through AI-powered tools.