Prototypesdesign
Working prototypes for what WareSpace builds in-house. Real software, shipped fast.
Ship a prototype
Every prototype is a page in one repo, built with Claude Code and deployed at its own path.
Open the repo in Claude Code
Go to claude.com/code, point it at this repo, and start a session.
Say what to build
Claude adds a page under app/your-slug and follows the design system in design-system/.
Merge the PR
Claude opens a pull request. Review it, then merge to main.
It deploys
Live at prototype.tools.warespace.com/your-slug. One page, one slash.
✔ Read design-system tokens✔ Created app/pricing/page.tsx✔ Followed specification.website checks✔ Opened pull requestHow we build
Four parts, one flywheel. We follow specification.website conventions on every page, so each prototype ships to real web standards.
The toolkit
Every library we build with, and what each is good for. Tap through and open the source.
Design system
The look. Color, type, spacing, and voice, locked to brand. Everything starts here.
View design systemElements library
Every element rated on a spice meter, from safe to five-alarm. Keep the budget tasteful: at most one showpiece per page.
The W, at work
The WareSpace mark is a loading dock. Press the button: the doors roll up, a truck backs in, and the boxes come off.
Real markets. Real tools.
Prototypes serve the buildings we run across the country, and they ship on the stack we already use.
Built in-house. Shipping continuously.
No mockups. No slideware. Real pages you can click.