Hi Ted,
Meet Lisa
When Ted meets Lisa,
ideas come to life in HTML
Describe what you need — slides, a document, a diagram, a site. Answer a short visual intake, and your agent hands back one standalone HTML file: open it, present it, print it, email it. No build step, nothing to install.
@monomind ai labfig. 01 — the frame
New here?
Three ways to your first file.
Pick what fits. Every path ends the same way: one finished HTML file, handed to you by your own agent.
The thorough way
Open the intake panel — the same one agents use. Pick a template, answer the questions, and it hands you a complete, paste-ready prompt.
- 01Describe it Answer the panel — nine to sixteen questions, every one with a default.
- 02Copy the prompt The last screen says “Prompt is ready.” One click copies everything.
- 03Paste it to your agent It reads the skill from GitHub, builds it, and hands you the finished file.
The quick way
Skip the panel. Copy the prompt on the right, replace the two placeholders, and let the agent ask you the rest.
Works with any coding agent that can read a public URL:
One clone, available in every project. Other agents have their own skills directory — the layout is the same.
They ride along in the clone — the links just make them commands of their own.
This is the part people miss: hand it any finished HTML file you like, and its visual system becomes a reusable template — extracted, stripped of its content, registered, thumbnailed. It's then one of your choices in the gallery, permanently.
What installing gets you
- The intake panel, served locally. Your agent opens it in your browser and picks the answers up itself — no copying.
- Your own templates. Hand
/tedandlisa-new-templatea page you like and its look becomes a permanent choice in the gallery. - The design pipeline.
/tedandlisa-designfor twelve style presets and animated slides — still one HTML file. - Every agent you use. The skill is plain Markdown and HTML — Claude Code, Codex, Pi, OpenCode, Hermes all read the same files.
Prefer no terminal at all? Packaged skill zips for claude.ai (Settings → Capabilities → Skills) are coming soon.
Send the prompt
Open the intake panel, answer it, and paste the finished prompt to your agent. Your first file starts building immediately.
Install in parallel
It takes a few minutes to arrive. That's exactly how long the install takes — run the clone from Path 02 while you wait.
It's a command now
/tedandlisa from any project, the panel opens itself, and
your own templates join the gallery. Ted and Lisa live here now.
The two paths don't conflict — the prompt reads the skill from GitHub, the install puts the same skill on your machine. What you get is identical either way.
The templates
Six shapes, previewed for real.
These are not mockups — every preview below is an actual generated file. Open one, present it, resize it. What you see is what the agent ships. More are on the way — and once installed, any page you like can join them.
Inside every file
Small file. Big machinery.
A file from Ted and Lisa is not a static export — it carries its own navigation, its own languages, and in some shapes, a working prototype.
Two languages, one file
English plus Korean or Traditional Chinese in the same file, switched in place. Filenames, commands, and product names are protected — they never get machine-translated into nonsense.
It presents itself
Scroll-snap slides, arrow keys, touch swipe, and a menu with contents — plus optional PDF and HTML download entries, right in the file's own chrome.
Light and dark, measured
Both themes ship in one file with a switch. A design review pass measures contrast in each — and behaviour at phone width — before the file is handed over.
Clickable website mockups
The Sitemap & IA shape doesn't just draw a site structure — it ends in a navigation prototype you can actually click through, at desktop and phone breakpoints.
Documents that argue
Some shapes are guided research, not slideware: information architecture proposals, system diagrams where colour means something, documents with decision records.
Diagrams that translate
Diagram-first shapes carry inline SVG — no CDN, works offline, and the labels inside the drawings switch language along with the rest of the file.
The medium
The beauty of one standalone HTML file.
Everything Ted and Lisa make ships the same way — a single
.html file. It sounds humble. It's the whole point.
- It opens anywhere. Double-click it, email it, drop it on any static host. Your audience installs nothing, signs into nothing.
- It's three deliverables at once. Present it as a talk, print it as a handout, read it as a document — the same file.
- Nothing in it can rot. No build step, no framework, no dependencies that expire. The file that works today opens the same way in ten years.
- It's yours to change. Plain, human-readable HTML and CSS — open it in any editor, or hand it back to any agent, and change what you like.
The whole idea
Ted has the idea.
Lisa gives it a frame.
You bring the brief; the agent does the building. What comes back is one file that opens anywhere and looks like it came from one studio.
