The interactive components built into this site. Together they are the closest thing I have to a portfolio of how I think about agentic UI, terminal aesthetics, and tooling for builders. All of it is open source.
$ git clone github.com/alectivism/personal-website →Press play to watch a mock audit_campaign agent task execute step-by-step. Each step lights up cyan while running, locks chartreuse when done.
Live simulation of a multi-agent system: 77 simulated workers (Claude, OpenAI, Gemini, open-source) orchestrated against real task types. Click to spawn a task, drag a rectangle to dispatch a team, hover over a worker to see its model.
Claude-Code-style chat with streaming answers. The quick-reply chips play scripted replies; a typed question goes to a live model.
Press ⌘K from anywhere to open. Fuzzy search across all pages, quick actions (cycle theme, open contact form, download RSS), and keyboard navigation.
Seven-question diagnostic that maps your org onto three tiers and recommends an engagement. It has no backend and asks for no email, so your answers never leave the browser.
Triggered on any missing URL. It works as a shell: type `cd <route>`, `ls`, `help`, `whoami`, or a bare path to navigate.
Three-mode toggle (advisory / build / speaking) revealing 7 engagement options with $-scale ranges and pre-filled mailto links.
IntersectionObserver-triggered count-up for hero credibility numbers. Respects prefers-reduced-motion (skips to final value).
Seven-entry vertical timeline with gradient rail, per-event dots, and 'now' highlighted in chartreuse.