Leaseleaf: rent, leases and repairs for a small landlord
Tenants pay rent by card or autopay and report repairs with photos. The landlord sees a live rent roll and a repair queue.
Agent specs
- Agent
- Claude Code, Opus 5.5 Medium
- Time
- 27 min
- Cost
- $9.27*
Agents work faster and more accurately on Elements.
* Cost at API rates, September 2026.
Run it yourself
Paste this prompt into your AI agent. You get the finished app on your own machine, ready to change however you like.
Install elements: curl -fsSL 'https://install.elements.dev?os=darwin' | sh && export PATH=~/elements/bin:$PATH Create an Elements app from the elementscode/demo-leaseleaf scaffold: cd ~/elements/projects elements create leaseleaf -scaffold=elementscode/demo-leaseleaf cd leaseleaf Start the app.
How it's built
Leaseleaf needed a live rent roll, rent by card and autopay, a maintenance queue with photos and comments, tenant invites, and scheduled reminder emails. Each of those is a part of Elements, so the agent spent its 27 minutes on the property app itself.
What Elements gave the app
- Live rent and maintenance. Rent charges, maintenance requests and their comments are LiveTables, so a payment shows as paid on the landlord's rent roll the moment it lands, and a tenant sees a request move to scheduled or done as the landlord changes it.
- Rent by card and autopay. A tenant pays a month's rent through Stripe or saves a card for autopay, each with one
@rpccall. Payments are recorded once whether the return page or Stripe's webhook arrives first. Until a Stripe key is set, the pay button opens a test checkout inside the app that records rent the same way, and in production the app registers its own webhook the first time a tenant pays. - One daily job. A one-line cron schedule runs the rent cycle every morning at 9: it creates the month's charges, charges autopay cards on the due date, and emails a reminder three days before and a late notice the day after, each once.
- Maintenance updates by email. Only the landlord changes a request's status, and each change emails the tenant. Tenants attach photos when they file a request.
- Invites and sessions. The landlord invites a tenant by email, and accepting the invite sets a password, starts the lease and creates the first charge in one step. Landlord and tenant pages each check the signed-in role.
- Data from SQL files. Migrations define the app and seed a landlord, two buildings with eight units, seven tenants, three months of rent with two tenants behind, and a maintenance queue with photos.
What the project server gave the agent
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.
What shipped
The app type-checks with zero errors and all 35 tests pass. Every page works on desktop and phone. A real sandbox payment went through Stripe end to end.
The code
Build it from scratch
To watch your agent build this app from an empty project, use the prompt we used instead. It takes longer than starting from the finished app above.
Install elements: curl -fsSL 'https://install.elements.dev?os=darwin' | sh && export PATH=~/elements/bin:$PATH Create an Elements app: cd ~/elements/projects elements create leaseleaf cd leaseleaf Start the app, then build this: Build a property management app named leaseleaf for a landlord with a few small buildings. Accounts: landlord and tenant. The landlord invites tenants by email. TENANT - See their lease: unit, monthly rent, due day. - Pay rent by card, or set up autopay. - Submit a maintenance request with a description, urgency and photos, and follow its status and comments. LANDLORD - Buildings and units, and who lives where. - Rent roll for the month: paid, due, late. - Maintenance queue: new, scheduled, done, with comments to the tenant. - A reminder email goes to tenants three days before rent is due, and a late notice the day after. Payments by Stripe. Seed the landlord, two buildings with eight units, seven tenants, three months of rent payments, and maintenance requests with photos. Show the seeded logins on the sign-in page. Payments and maintenance status update in real time.
Comments· 0