A demo app built with Elements.
Search homes by price, beds, baths, type and neighborhood, request showings, save homes and searches with email alerts, and give agents a listings desk and inbox.
Demo: Keystoop
- Agent: Claude Code, Opus 5.5 Medium
- Time: 34 min
- Cost: $9.85 at API rates, September 2026
elements create keystoop -scaffold=elementscode/demo-keystoopKeystoop needed search results that change as agents work, inquiries that reach an agent's inbox and email, saved searches that send alerts, and a listings desk with photo uploads. Each of those is a part of Elements, so the agent spent its 34 minutes on the brokerage site itself.
-
Live search. Listings are a LiveTable, so a new listing or a move from active to pending shows up in every open search page at once, and the price, beds, baths, type and neighborhood filters run in the page over that live list.
-
A live inbox. Inquiries are a LiveTable split by agent, so a question or showing request sent from a listing page lands in that agent's open inbox the moment it is sent.
-
Server calls as function calls. Inquiries, favorites, saved searches, listing status and photo uploads all go to the server through
@rpcfunctions called straight from the page. Uploaded photos are served at addresses browsers keep for a year. -
Jobs and email. Each inquiry queues an email to the agent in the same transaction. When a listing goes active, a job emails everyone whose saved search it matches, and each search hears about each listing once.
-
Data from SQL files. Migrations define the site and seed three agents, thirty listings across eight neighborhoods with photo galleries and open houses, inquiries in each inbox, and a buyer with two saved searches.
-
Sessions and roles. Agent pages and server calls share one guard on the agent role.
The project server runs alongside the agent and answers as soon as a file is saved: it type-checks the templates, TypeScript and SQL, applies migrations and reruns the tests, so every question came back right away and the agent kept building.
The app type-checks with zero errors and all 68 tests pass. Every page works on desktop and phone.
The seed creates three agents and thirty listings across eight neighborhoods
(22 active, 5 pending, 3 sold), with photo galleries, open houses and a few
inquiries in each agent's inbox. It also creates a buyer with saved homes and
two saved searches. Every account's password is keystoop, and the sign-in
page lists them.
| Role | |
|---|---|
| nora@keystoop.test | agent (Principal Broker) |
| marcus@keystoop.test | agent (Associate Broker) |
| maya@keystoop.test | agent (Sales Agent) |
| sam.rivera@example.com | buyer |
In development, inquiry and saved-search emails are written to the server log.
To send them, set EMAIL_LIVE and the SMTP settings in
config/env/production.env.
Listing photos are public domain (CC0 and Public Domain Mark) images from Openverse, and the agent portraits are drawn SVGs. The brokerage, agents and addresses are made up.
Demo: Keystoop
MIT. See LICENSE.