Timesheaf: time tracking and invoicing for a small design agency
Live timers, a week view of hours per project, billable reports by client and person, and invoices clients pay by card.
Agent specs
- Agent
- Claude Code, Opus 5.5 Medium
- Time
- 25 min
- Cost
- $8.73*
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-timesheaf scaffold:
cd ~/elements/projects
elements create timesheaf -scaffold=elementscode/demo-timesheaf
cd timesheaf
Start the app.
The prompt
The exact prompt that built this app. Give it to your agent to build the app from scratch with Elements, or use it to compare what other tools make from the same ask.
Build a time tracking and invoicing app named timesheaf for a small design agency. Two kinds of accounts: admin and team member. - Clients, and projects under them with an hourly rate. - A running timer: pick a project, start, stop. Or add an entry by hand. - Week view of a person's hours per project per day. - Reports: hours and billable amount per client, per project and per person, for a date range. - Invoices: an admin picks a client and a date range, the app gathers the unbilled entries into line items, and the admin sends it. The client gets an email with a link to view and pay the invoice by card. Invoice status: draft, sent, paid. Payments by Stripe. Seed one admin, three team members, four clients, six projects, a month of time entries, and invoices in each status. Show the seeded logins on the sign-in page. Running timers, new entries and invoice payments update in real time.
Comments· 0