Things 3
A design blueprint Spectr produced from Things 3. Scroll to look closer.
Things 3 UI blueprint — build a serene task app
A complete spec of the Things 3 iOS app — the circular checkbox fill, the Magic Plus, the Today star, project pie-progress, and generous whitespace — captured on a pure-white canvas.
The reference for any to-do, GTD, or personal-productivity app. The checkbox spring, Magic-Plus drag, and calm layout are documented to exact values.
Screens documented
- Today
- Upcoming
- Project
- Task detail
- Areas
- Logbook
What a Spectr spec includes
Screen-by-screen documentation, complete design system (color, typography, spacing), navigation map, component library, implementation notes, and a Claude Code prompt — everything an AI coding agent needs to build.
Turnaround
Most mobile apps produce a full spec in under 90 seconds from a single screen recording. Upload your own MP4 and watch the blueprint generate live.
Why not a design file?
Design files don't compile. A Spectr spec is optimized for AI coding agents like Claude Code — it produces working code on the first prompt, not layered artboards.
Target stack
Every spec targets Expo SDK 54 and React Native on an iPhone 15 baseline. The Things 3 blueprint translates cleanly into an Expo Router app structure.