AI Demo Lab

by Manuel Porras
← back to manuelporras.com

Twelve working demos that exercise the engineering patterns I use in production: cost-capped, rate-limited, observable, and reproducible. No screenshots — real AI running in your browser.

Generate

Text → image
Turn a one-line prompt into a stylized image. Metered, single-shot image pipeline; ~10–30 s per render.
live

The Brain

Talk-to-portfolio chat agent
Conversational agent grounded in Manuel's portfolio knowledge. Cites real projects + metrics; refuses to wander off-topic.
live

The Swarm

Multi-agent collaboration
Watch a 4-agent team decompose and solve a task in real time — Planner, Researcher, Writer, Verifier, live over SSE.
live

The Arena

Two AIs debate, a third referees
Pick a topic. Two opposing personas debate in good-faith steelman; a Moderator delivers the verdict at the close.
live

Flow

Plain-English → animated automation
Describe a process in one sentence. Watch it self-assemble into a flowchart of triggers, conditions, actions, and outputs.
live

Watch It Build

Brief → streaming code + live preview
Give the agent a one-line brief. The HTML streams into a code pane while a sandboxed preview renders it in real time.
live

Art Director

Pick a photo + a style → restyle
Choose one of four sample images, pick a style, and watch AI re-render it. Before/after reveal with a draggable slider.
live

The Optimizer

Paste copy → ranked, scored variants
Drop in a headline, bio, email subject, or ad line. Get the original scored and four distinct rewrites — each with its own score, rationale, and tags.
live

Illustrated Storyteller

Pick a premise → branching adventure
Give the storyteller a premise. Each scene comes with a fresh illustration; pick a choice to branch. Five scenes, then it wraps.
live

Semantic Map

Concepts → embeddings → animated 2D map
Type a list of words and watch them fly into a 2D map where semantically-similar concepts cluster together. Hover to highlight neighbors.
live

Palette Genius

Describe a brand → named color palette + live preview
Type a brand or mood. A senior-designer-grade palette appears as named swatches and is applied live to a mock landing page.
live

Persona Forge

Describe a product → persona card + avatar
Type a product or audience and watch a complete marketing-persona card appear — name, bio, goals, pain points, channels, and an AI-generated portrait.
live