組合源碼 · 這個應用在程式裡長這樣點擊展開
// src/scenarios/registry.tsx
{
id: 'saas-onboarding',
name: 'SaaS 新手啟動',
industry: 'saas',
scenarios: [
'onboarding-checklist',
'empty-state',
'command-search',
],
description: '引導檢查表 + 空狀態 + 命令列',
}
// 渲染只需:
import { getIndustry } from '@/scenarios/industries';
import { getScenario } from '@/scenarios/registry';
const ctx = getIndustry('saas');
const onboarding_checklist = getScenario('onboarding-checklist')!.render(ctx);
const empty_state = getScenario('empty-state')!.render(ctx);
const command_search = getScenario('command-search')!.render(ctx);
沒有 bespoke 元件、沒有複製貼上。換產業只要改
industry 那一行。上手檢查表 · onboarding-checklist
開始使用 B2B SaaS
完成設定 · 2 / 6
33%
剩 4 步
- ✓建立工作空間命名您的 B2B SaaS · 預估 1 分鐘
- ✓邀請第一位客戶輸入 email 或匯入聯絡人 · 預估 2 分鐘
- 3建立第一筆 工單測試 支援流程 流程 · 預估 3 分鐘
- 4設定 系統概況 指標選擇對您最重要的 KPI · 預估 2 分鐘
- 5串接外部工具Slack / Google Calendar / Zapier · 預估 5 分鐘
- 6邀請團隊成員讓同事一起使用 · 預估 3 分鐘
空狀態引導 · empty-state
+
還沒有任何 工單
建立第一筆 工單 來啟動您的 支援流程。 系統會自動把它放進對應狀態, 並通知客戶。
需要靈感?範例 1範例 2範例 3
指令搜尋 · command-search
⌕ESC
最近 工單
t-9001Webhook delivery failing for enterprise acct↵
t-9002SSO setup request — Okta integration
t-9003Dashboard loads slow on large datasets
快速動作
+建立工單⌘N
☰開啟工單追蹤⌘L
✦查看系統概況⌘D
↻切換支援流程視圖⌘B