Four sample apps built the HackerX way. Each one corresponds to a demonstration in the course — read the demo to see the prompt; scroll here to see what comes out the other side. Mockups are styled deliberately distinct from this site so the patterns lead, not the brand.
These are visual mockups of UI surfaces. The pattern callouts below each one are the named patterns you'd ask Claude Code to build, not freestyle CSS.
Sample 01 · B2B SaaS dashboard
Northstar — sales overview
A four-person sales team needs a dashboard fast. Master prompt produces three directions. Modern SaaS wins: dashboard shell, four KPIs with trend deltas, two chart cards, sortable table with status badges, activity rail. Existing Card, Sheet, and DataTable reused; only KpiCard and a sparkline are new.
47 settings fields, all visible at once. Master prompt names the right pattern: progressive disclosure. Tabs split major areas; accordions group related fields inside each tab. "Advanced" stays collapsed by default. Inline validation, save toast with undo. Nothing is hidden — but nothing screams either.
Cipher — Settings
cipher.io/settings/profile
Settings
Configure how your workspace behaves. Changes save automatically.
The wrong question: "should we add a chatbot?" The right question: where does an assistant earn its space? Halo lives as a context-aware right-side drawer, sees what the user is looking at, and proposes follow-ups. Streaming responses, tool-call timeline, suggested queries. No floating mascot. No interruption.
Halo — Pipeline analytics
halo.so/analytics/pipeline
Pipeline analytics
Last 90 days⌥ Halo · open
Conversion28.4%
Cycle time42d
Avg. deal$38.2K
Forecast$1.4M
Conversion by stage
Open + closed in window
Reps by win rate
1Sara Martinez42%
2Jake Robinson36%
3Maria Lopez31%
4Devon Klein24%
Stuck deals
!Cipher Co · 18d$87K
!Delta Labs · 14d$31K
!Helix Health · 12d$54K
Sample 04 · Mobile-first rebuild
Routebox — field technician app
"Make it responsive" produces a desktop dashboard squeezed onto a phone. Wrong. Field techs see one job at a time, glance-readable, big tap targets, status-first. Bottom nav for the four core moves. The dispatcher's desktop view is its own product, not this one's responsive ancestor.
9:41
Today's jobs
Tuesday, May 7
1In progress
3Pending
2Completed
In progress9:30 AM
#4821 — HVAC tune-up
123 Main St, Apt 4B · Brooklyn
Pending11:00 AM
#4822 — Boiler check
456 Oak Ave · Queens
Pending2:30 PM
#4823 — Filter swap
88 Park Pl · Brooklyn
Completed8:00 AM
#4820 — Quarterly inspection
7 Vine St · Brooklyn
Build your own
Each sample above came from the same loop: paste the master prompt, get three directions, pick one, plan, implement small, verify. The mockups are visual — the prompts are real.
