Built with GenAI
HOW THIS
SITE RUNS
This experience is assembled and iterated with a small ecosystem of generative AI agents plus human steering. Here is what that operating model looks like in practice.
Features
Agentic SEO
AI-assisted discoverability checks across titles, metadata, links, and search intent
AI-assisted Blogs
Drafting, structure, and editorial acceleration for insights and long-form posts
Announcement Bell
A persistent notification surface that propagates announcements site-wide from a single managed source — update once, reflect everywhere
Responsive Design
Mobile-friendly layouts and adaptive cards
Theme System
Shared multi-theme navigation with sunrise as the default first-touch experience
Scroll Animations
Smooth reveal effects for engaging UX
Cookie Consent
Privacy-first cookie banner and controls
AI in this ecosystem
Announcement Bell
Announcements stay current across the site automatically — new items appear without touching any page template.
SEO Agent
Reviews metadata, keyword coverage, canonicals, and internal links before content ships.
Blogging Agent
Turns outlines, notes, and source material into draft posts, summaries, hooks, and calls to action.
Human Review Loop
Every update is checked for clarity, facts, tone, and fit before it becomes visible on the public site.
Always up to date
The bell icon surfaces the latest announcements wherever you are on the site. New items appear automatically, and the unread badge only lights up when there is genuinely something new — keeping the signal meaningful.
Agents propose, humans decide
The SEO agent and blogging agent generate candidate improvements, draft copy, and structured release notes. The site never publishes that material blindly. Human review decides what is promoted into the feed, what becomes a blog post, and what stays as an internal draft.
That separation matters: the feed is the public signal, while the agents are support tools inside the content workflow. The bell is the final distribution surface, not the authoring system.
What AI Does Here
- Generates and refines layout, color, and component ideas to keep the site evolving.
- Assists with content drafts, release notes, microcopy, and structure; human review ensures clarity and accuracy.
- Supports specialized workflows like SEO audits, blog drafting, and announcement formatting.
- Helps with code scaffolding, styling tweaks, and accessibility checks.
Human-in-the-Loop
Every change is reviewed, edited, and approved by a human. AI suggestions are treated as drafts, not final truth. Visual and UX decisions balance automation with intentional design judgment.
Responsible Use
- Attribution: Components and copy informed by AI are disclosed via the persistent badge.
- Validation: Facts and claims are checked; AI-generated text isn't published unchecked.
- Privacy: No personal or sensitive data is fed into prompts for public outputs.
Tech Stack Snapshot
HTML/CSS/JS with a shared navigation component, responsive layouts, a multi-theme picker, Lucide icons, Astro content collections, and a centralised announcement system. Deployed on Azure Static Web Apps with automation assisting incremental updates.
Toolset & Agents
VS Code
Primary development environment
Codex by OpenAI
Code generation and PR reviews
Azure
Static Web Apps hosting platform
GitHub
Version control and repository
GitHub Actions
Automated CI/CD pipelines
AI Code Review
Automated PR reviews via Codex
Claude Code
AI-assisted development and automation
GitHub Copilot
AI pair programmer for code suggestions and automation
SEO Agent
Finds metadata gaps, keyword opportunities, and internal-link improvements before publishing.
Blogging Agent
Turns research and notes into structured blog drafts, outlines, summaries, and content refreshes.
Have Questions?
Curious about how AI was applied or want a similar workflow for your site? Reach out and we’ll compare notes.