examples/apps for your business/ClientHub
// ClientHub ships in the Editorial design system

The dashboard reads like a quarterly.

ClientHub’s actors, end-to-end workflow, and marquee artifact rendered in the Editorial template’s voice. Same data, template-native composition.

// THE MASTHEAD
Contributors & Editors
this quarter, eight in attendance
JA
Joel Aldridge
Partner
1 in queue
SL
Sarah Lin
Account lead
· EDITOR ·
4 in queue
NB
Nia Bell
Strategist
6 in queue
OR
Owen Ross
Creative
5 in queue
EV
Eli Vance
PM
3 in queue
MA
Maya Aldis
Client lead
2 in queue
BR
Ben Ruiz
Billing
1 in queue
// BYLINE · SIGNATORIES IN ORDER

By the undersigned

3 of 5 affixed; two remain
Nia Bell
Strategy
Apr 12
·
Owen Ross
Creative
May 03
·
Sarah Lin
Lead
May 14
·
4
Maya Aldis
Client
in review
·
5
Joel Aldridge
Partner
// THE PRINTED PACKET · 4 PP.

Cordis · brand refresh · Q2 2026

Quarterly status report · APP 07 · MMXXVI
Aldridge & Co. for Cordis
Engagement ENG-2055 · Q2 2026 · period ending period ending 2026·06·30
Engagement
ENG-2055
Term
Q2 — Q4 2026
Lead
S. Lin
Budget
$184,000 of $220,000
#descriptionsched value%this draw
01Discovery + auditDEL-01100delivered
02Brand strategy memoDEL-02100approved
03Visual identity v1DEL-0392in review
04Voice + copy frameworkDEL-0478in review
05Asset libraryDEL-0585in progress
06Brand book v1DEL-0664drafting
07Rollout planDEL-0720queued
09Q3 status reportDEL-090queued
— Set in DM Serif Display, Plex Serif & Mono · printed by uStack Press · MMXXVI · page 1 of 4 —
AGENCY CLIENT WORKSPACELIVE DEMO

ClientHub

Agencies and consultancies juggle deliverables, scope changes, approvals, status reports, and invoices across email threads and Slack DMs — and clients never quite know where their project stands.

ClientHub centralizes engagements, deliverables, approvals, status reports, change orders, and invoicing into one branded client-facing workspace.

7 roles · 4 workflow paths · 16 entities · 13 screens

// why this is hardScope changes have to be priced and approved before work starts, every deliverable needs explicit acceptance, and clients want a single place to actually log in.

Open the live demo ↗Sign in to build yours →// clienthub.ustack.ai
Branded client portalScope + change ordersDeliverable approvalsStatus report generationInvoice drafts
// target buyer
  • ·Creative + marketing + branding agencies
  • ·Boutique consultancies + dev shops
  • ·Accountants, fractional execs, design studios
// why this is a great uStack demo

Broadest SMB-service-business pull — not another internal PM tool, but a portal clients actually want to log into.

// actors

Roles with distinct permissions and access.

ActorRole
Agency OwnerPortfolio health, profitability per client
Project ManagerRuns engagements, scope, status
PractitionerDelivers work, requests acceptance
Account LeadClient relationship, scope conversations
FinanceInvoicing, ledger, scope changes
Client LeadApproves work, requests changes
Client Team MemberRead-only or commenter on deliverables
// core workflows

Happy. Exception. Approval. Reporting.

// 01 · happy path

Engagement created → milestones + deliverables seeded → practitioner submits work → client reviews + approves → invoice draft generated → status report drafts weekly.

// 02 · exception path

Client requests out-of-scope change → change order drafts with cost + timeline impact → client approves before work begins → scope and pricing update.

// 03 · approval path

Deliverable submitted → client review window with comments + redlines → explicit accept or revision → audit log captures decision + actor + timestamp.

// 04 · reporting path

Engagement pipeline, profitability per client, overdue acceptances, scope-change ratios, status-report cadence compliance.

// surfaces

Screens and data model.

// screens · 13
  • ·Agency dashboard
  • ·Client list
  • ·Client workspace (client-facing)
  • ·Engagement detail
  • ·Deliverable detail
  • ·Approval queue
  • ·Status report builder
  • ·Invoice draft
  • ·Change order builder
  • ·Scope tracker
  • ·Practitioner my-tasks
  • ·Reports
  • ·Settings
// data model · 16 entities
AgencyClientEngagementMilestoneDeliverableDeliverableVersionCommentApprovalChangeOrderScopeItemTimeEntryInvoiceInvoiceLineItemStatusReportDocumentAuditEvent
// run-time

Automations and generated outputs.

// automations
  • Weekly status-report drafts
  • Acceptance reminders
  • Invoice draft on milestone close
  • Scope-creep flags (time vs. estimate)
  • Overdue approval alerts
  • Monthly profitability snapshot
// generated outputs
  • Branded status report PDF
  • Invoice PDF
  • Change order PDF
  • Deliverable acceptance certificate
  • Engagement summary
  • Scope-vs-actual report
// deployment rationale
Why this app runs honestly with no integration sprawl.

// v1 demos without third-party services

Pure workspace + workflow + document generation. Vercel Blob for files. Stripe Checkout link for invoice payments is optional v2.

// this isn't a mock

This exact app is live and clickable at clienthub.ustack.ai. Click around — same architecture described above.

// stack
Next.jsNeon PostgresPrismaAuthVercelFile uploadsPDF generationRBAC
build your version of this

Same architecture. Your scope.

Sign in, write a paragraph that describes your version of ClientHub, and uStack ships a working app on your URL. Take the code, have us host it, or scope a custom build — same production methodology underneath.

Sign in to start →← Back to examples