Customer success / 14 primitives + composition

Customer success primitives

The retention-and-expansion stack — composite health scoring, cohort retention, NPS, churn risk, expansion opportunity, lifecycle timeline, feature adoption, success plan, QBR cards, at-risk lists, segment donut, support volume, renewal pipeline, and executive briefing. Realistic Mufflermen workshop data only; no real CS platform wired.

Production answer

Customer success primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Customer success primitives states
Generative search brief

Customer success primitives: The retention-and-expansion stack — composite health scoring, cohort retention, NPS, churn risk, expansion opportunity, lifecycle timeline, feature adoption, success plan, QBR cards, at-risk lists, segment donut, support volume, renewal pipeline, and executive briefing. Realistic Mufflermen workshop data only; no real CS platform wired.

Visual reference only — no real CS platform wired
Primitive 01

Customer health score

Composite 0-100 score with tone shift and Engagement / Adoption / Sentiment / Support / Value breakdown chips.

StatelessOpen
Primitive 02

Cohort retention grid

Tone-coded grid — rows = cohort months, cols = months since signup, cells = retention percentage.

StatelessOpen
Primitive 03

NPS trend chart

Stacked area chart of promoters / passives / detractors over time with latest NPS callout.

StatelessOpen
Primitive 04

Churn risk card

Per-customer churn probability with top risk factor chips and intervention suggestion CTA.

StatelessOpen
Primitive 05

Expansion opportunity

Next-best-action with expected uplift in AUD and confidence chip — upgrade, expansion, bundle, warranty.

StatelessOpen
Primitive 06

Customer journey timeline

Lifecycle: Acquisition → Onboarding → Adoption → Expansion → Renewal with current stage marker.

StatelessOpen
Primitive 07

Feature adoption meter

List of features with adopted / total ratios, per-row progress bars, and mo/mo delta chips.

StatelessOpen
Primitive 08

Success plan checklist

Per-customer success plan with milestones, due dates, and todo / in-progress / done / blocked states.

Stateful · expandOpen
Primitive 09

QBR meeting card

Quarterly Business Review card with scheduled date, agenda items, and last-QBR outcomes.

StatelessOpen
Primitive 10

At-risk customers list

Sortable data table — avatar, name, health score, last contact, lifetime value, intervention CTA.

Stateful · sortOpen
Primitive 11

Customer segment distribution

Donut chart — Strategic / Growth / Retention / Win-back share of book of business.

StatelessOpen
Primitive 12

Support ticket volume

Per-customer support ticket volume with sentiment trend sparkline and direction indicator.

StatelessOpen
Primitive 13

Renewal pipeline stage

Stage chip + expected close + ACV + weighted value + likelihood and next-step copy.

StatelessOpen
Primitive 14

Executive briefing

Weekly executive briefing — top 3 wins / top 3 risks / asks for the week.

StatelessOpen
Composition

Full CS console

Composes every primitive — exec briefing, health, churn, expansion, cohort grid, NPS, at-risk list, journey, QBR, segment, renewal.

CompositionOpen