Aitu → Intelligent Agent Performance Platform · Minimal Transformation Implementation Plan

Principles: No architecture changes, no framework replacement, no new system development. Based on existing Aitu pages and 75-person experience pages, implement 5 key transformations to establish a conversion loop within 2 weeks. Complements "Intelligent Agent Performance Platform · Detailed Design v1" and "BossAgents Dual-Track Strategy".

I. Existing Asset Inventory (Ready for direct reuse)

II. Five Key Transformations (To be completed within 2 weeks)

Transformation 1: Add "Digital Employee Performance" entry on homepage (0.5 days)

Current Aitu homepage structure:

[Logo] 艾吐槽
[吐槽生成器] [漫剧工坊] [脱口秀工坊]
[历史记录]

改造后：

[Logo] 艾吐槽 · 智能体表演平台
┌─────────────────────────────────────┐
│  ? 今日热门表演（新增Banner轮播）     │
│  采购降本班·24秒搞定比价 | 内容营销班·18秒出文案 │
└─────────────────────────────────────┘
[数字员工表演] [吐槽] [漫剧] [脱口秀]  ← Tab切换，默认第一个
┌─────────────────────────────────────┐
│  ? 按行业筛选：[制造] [电商] [客服] [健康] [更多] │
│  ┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ │
│  │采购班 │ │内容班 │ │客服班 │ │数据班 │ │
│  │5人协作│ │4人协作│ │3人协作│ │6人协作│ │
│  │▶看表演│ │▶看表演│ │▶看表演│ │▶看表演│ │
│  └──────┘ └──────┘ └──────┘ └──────┘ │
│  ...（滚动加载全部75人+10个班组）       │
└─────────────────────────────────────┘

实现方式：在现有 Taro 项目新增一个 Page 组件，数据从 75 人体验页的配置库直接读取，加个 team_id 字段标记班组归属。

Transformation 2: 75-person Experience Page → Performance Page (Core transformation, 3 days)

Current experience page structure (estimated):

[数字员工头像+名称]
[对话输入框]
[聊天记录区]
[功能按钮：清空/Share]

改造为表演页（保留对话能力，叠加表演层）：

┌──────────────────────────────────────────┐
│  ← 返回    采购降本班 · 5人协作表演        │
├──────────────────────────────────────────┤
│  【表演画布区】（上半屏，新增）             │
│                                          │
│  班组成员头像横排：                        │
│  ①需求分析师✨ ②供应商猎手 ③比价谈判师 ...  │
│                                          │
│  实时工作流（复用艾吐槽的日志直播组件）：    │
│  ✓ ①需求拆解：1000个传感器，预算5万        │
│  ✓ ②供应商扫描：找到8家候选                │
│  ⏳ ③比价谈判：正在生成比价表...            │
│                                          │
│  产出物预览（可点击下载）：                  │
│  ? 比价表.xlsx  ? 合同草案.docx         │
├──────────────────────────────────────────┤
│  【对话面试区】（下半屏，原有体验页保留）    │
│  出个题考考这个班组：                       │
│  [如果供应商要预付款30%怎么办？] [Send]     │
│  ...（聊天记录）                           │
├──────────────────────────────────────────┤
│  底部固定转化栏（新增）：                    │
│  [?算算省多少]  [✅一键录用·7天免费试用]   │
└──────────────────────────────────────────┘

关键复用点：

• Real-time workflow logs: Reuse existing "Workflow Log Streaming" component from Aitu, replacing "Roast Generation Steps" with "Digital Employee Collaboration Steps"
• Conversation capability: Retain existing chat interface from 75-person page as "Interview Mode"
• TTS voice: Use iFlyTek TTS from Talk Show Studio to play "I'm the Procurement Cost-Reduction Team, delivering procurement solutions in 24 seconds" at performance start

Data structure (configuration per performance):

interface ShowConfig {
  showId: string;
  title: string;           // "采购降本班"
  memberIds: string[];     // 关联75人库的员工ID
  workflowSteps: WorkflowStep[];  // 表演步骤
  demoInput: string;       // 默认演示输入
  outputArtifacts: string[]; // 产出物模板ID
  roiConfig: ROIConfig;    // ROI计算参数
}

改造 3：ROI计算器浮层（1天）

触发时机：表演结束后自动从底部滑出，或点击"?算算省多少"按钮。

Implementation: An independent Taro component accepting 3 input parameters and outputting 4 metrics.

┌─────────────────────────────────────┐
│  ? 这个班组能帮你省多少？             │
│                                     │
│  企业规模：[10-50人▼]                │
│  对应岗位年薪：[15万/年]             │
│  月均处理量：[200单]                 │
│                                     │
│  ─────────────────────────────────  │
│  ? 测算结果：                        │
│  每年节省人工成本：45万               │
│  效率提升：3.2倍                      │
│  投资回收期：2.7个月                  │
│  3年ROI：1230%                       │
│                                     │
│  [✅ 一键录用，7天免费试用]            │
└─────────────────────────────────────┘

计算公式（硬编码在前端，无需后端）：

年节省成本 = 岗位年薪 × 替代比例 × 班组人数
替代比例：采购班60%、客服班80%、内容班70%、数据班50%
回收期 = 平台年费 ÷ (年节省成本 ÷ 12)
3年ROI = (年节省成本 × 3 - 平台年费) ÷ 平台年费 × 100%

改造 4：录用→7天试用→转正流程（3天）

这是最关键的转化闭环。不跳销售页，直接进入试用。

Step 1: Onboarding (3-step form, 30 seconds completion)

点击"✅一键录用"
    ↓
页面1/3：给班组起名字
[我的采购降本班___________]
[下一步]

页面2/3：配置场景（可选，有默认值）
行业：[制造业▼]  主要任务：[采购降本▼]
上传业务数据（选填）：[拖拽文件]
[下一步]

页面3/3：入职宣誓动画（复用漫剧/脱口秀的动画能力）
5个数字员工依次出现，每个说一句话：
①需求分析师："我负责精准拆解需求"
②供应商猎手："我扫描全网找最优供应商"
...
[? 确认入职，进入工作台]

第 2 步：7天试用工作台（复用75人体验页，加试用期标识）

┌──────────────────────────────────────────┐
│  我的采购降本班 | 试用期第3天 | 已完成12任务│
├──────────────┬───────────────────────────┤
│  班组群聊      │  任务看板                   │
│ （原有对话能力）│  待处理|进行中|已完成       │
│              │  最近产出：                   │
│  ①需求分析师  │  ? Q3采购方案.docx        │
│  "今天有3个新 │  ? 比价表.xlsx            │
│   需求..."    │                           │
├──────────────┴───────────────────────────┤
│  ⏰ 试用期还剩4天 | [查看战报] [立即转正8折] │
└──────────────────────────────────────────┘

试用期后台逻辑：

• Add user table fields: trial_start_date, trial_team_id, trial_status
• Daily scheduled task: Count daily completed tasks per team, push "Daily Performance Report" (reuse Aitu's notification capability)
• Day 3: Push mid-term evaluation survey (3 questions: Met expectations? Needed adjustments?)
• Day 6: Push formalization offer (limited-time 20% discount + value summary)

Step 3: Formalization Payment (Integrate WeChat Pay)

点击"立即转正"
    ↓
选择版本：
○ 单员工版 9,800元/年
● 班组版 39,800元/年（推荐，当前试用的就是这个）
○ 部门版 98,000元/年
○ 企业私有版 20万起/年（联系销售）
    ↓
[微信支付]  支付成功 → 自动开通正式权限 → 发送电子合同

改造 5：表演回放+分享卡片（1天）

复用艾吐槽已有的"生成结果分享"能力，把表演过程变成可传播的内容。

Automatically generated post-performance:

1. Performance replay video (30 seconds): Workflow animation + output showcase with TTS narration

• Implementation: Frontend Canvas animation recording → GIF/MP4 synthesis (using existing html2canvas + gif.js)

1. Share card image (single image): Team name + key results + ROI data + mini program QR code

• Implementation: Canvas rendering → Export image → WeChat sharing

Sharing paths:

• WeChat contacts/groups: Directly share mini program card (Title: "Procurement solutions in 24 seconds - This digital employee team is amazing")
• Moments: Share card image + mini program QR code
• Douyin/Video Channels: Performance replay video (user downloads for self-publishing)

III. Deliverables for Week 1 (Daily schedule)

| Day | Task | Deliverable | Suggested Owner |

|----|------|--------|-----------|

| D1 | Add "Digital Employee Performance" Tab + team card list on homepage | Homepage transformation complete, 10 teams + 75 people viewable | Frontend |

| D2 | Performance page framework setup (workflow canvas area + chat area + bottom conversion bar) | Performance page UI complete, functional with static data | Frontend |

| D3 | Integrate MTClaw scheduling, execute the first team (Cost Reduction Procurement Team) live performance | Procurement team performance executable in real-time with visible workflow logs | Backend + Frontend |

| D4 | ROI calculator overlay + 3-step hiring onboarding form | ROI calculation available post-performance; hiring initiation clickable | Frontend |

| D5 | 7-day trial workspace (modified from 75-person experience page) + trial period backend logic | Post-hiring access to trial workspace with digital employee performing actual tasks | Full-stack |

| D6 | Configure 4 additional core teams (Content Marketing/Customer Service/Data Analysis/Health Management) | 5 teams performance-ready | Configuration + Testing |

| D7 | Performance replay + shareable cards + integration testing + Mini Program submission for review | Shareable, distributable, ready for review | Full-stack |

Status at end of Week 1: Mini Program under review; 5 core teams performance-ready → ROI calculation → hiring → 7-day trial; sharing pathway operational.

IV. Week 2: Completion + Optimization

V. Technical Implementation Details (Code-ready level)

5.1 Performance workflow data structure (reusing Ai Tucao logging component)

// 每个班组的表演配置，存在后端配置表或前端JSON
const purchaseTeamShow: ShowConfig = {
  showId: 'purchase_cost_reduction',
  title: '采购降本班',
  memberIds: ['analyst_001', 'hunter_002', 'negotiator_003', 'auditor_004', 'tracker_005'],
  demoInput: '采购1000个工业传感器，预算5万',
  workflowSteps: [
    {
      stepId: 'step1',
      agentId: 'analyst_001',
      agentName: '需求分析师',
      action: 'analyze',
      prompt: '拆解以下采购需求：{input}，输出型号、参数、交期、认证要求',
      displayText: '正在拆解需求...',
      completeText: '需求拆解完成：1000个传感器，预算5万，要求IP67',
      timeout: 5000
    },
    {
      stepId: 'step2',
      agentId: 'hunter_002',
      agentName: '供应商猎手',
      action: 'search',
      tool: 'mcp_1688_search',  // 调用MCP工具
      dependsOn: ['step1'],
      displayText: '正在扫描供应商...',
      completeText: '找到8家候选供应商',
      timeout: 8000
    },
    // ... step3-5
  ],
  outputArtifacts: ['comparison_table.xlsx', 'contract_draft.docx', 'gantt_chart.png'],
  roiConfig: {
    replacementRatio: 0.6,
    teamSize: 5,
    defaultSalary: 150000,
    defaultVolume: 200
  }
};

5.2 表演执行引擎（前端流式展示）

// 核心逻辑：按依赖关系顺序执行，每步完成后更新UI
async function executeShow(config: ShowConfig, userInput: string) {
  const results = new Map<string, any>();

  for (const step of sortByDependencies(config.workflowSteps)) {
    // 1. UI显示"正在执行..."
    updateWorkflowUI(step.stepId, 'running', step.displayText);

    // 2. 调用后端执行（MTClaw调度对应数字员工）
    const stepInput = collectDepResults(step.dependsOn, results);
    const result = await callAgentAPI({
      agentId: step.agentId,
      action: step.action,
      input: userInput,
      context: stepInput,
      tool: step.tool
    });

    // 3. UI显示完成+结果预览
    results.set(step.stepId, result);
    updateWorkflowUI(step.stepId, 'complete', step.completeText, result.preview);
  }

  // 4. 生成产出物
  const artifacts = await generateArtifacts(config.outputArtifacts, results);

  // 5. 自动弹出ROI计算器
  setTimeout(() => showROIPanel(config.roiConfig), 1000);

  return { results, artifacts };
}

5.3 75人体验页的最小改造点

如果75人体验页是独立页面，只需要加3个东西：

1. Add "Performance Mode" toggle at page top: Default to "Single Chat Mode", click "Watch Performance" to switch to preset automated workflow
2. Workflow log component: Directly import Ai Tucao's WorkflowLog component, pass employee's performance step configuration
3. Bottom conversion bar: Fixed position, two buttons: [? Calculate ROI] [✅ Hire Me]

// 75人体验页改造伪代码
import { WorkflowLog } from '@/components/aitucao/WorkflowLog';
import { ROIPanel } from '@/components/show/ROIPanel';
import { HireBar } from '@/components/show/HireBar';

export default function AgentExperiencePage({ agentId }) {
  const [mode, setMode] = useState<'chat' | 'show'>('chat');
  const agent = useAgent(agentId);

  return (
    <Page>
      <Header title={agent.name} right={
        <Toggle 
          left="聊天" 
          right="表演" 
          value={mode} 
          onChange={setMode} 
        />
      } />
      
      {mode === 'show' && (
        <WorkflowLog 
          steps={agent.showConfig.workflowSteps}
          input={agent.showConfig.demoInput}
          onComplete={() => ROIPanel.show(agent.showConfig.roiConfig)}
        />
      )}
      
      <ChatArea agentId={agentId} hidden={mode === 'show'} />
      
      <HireBar agentId={agentId} roiConfig={agent.showConfig.roiConfig} />
    </Page>
  );
}

六、第一天3小时MVP的具体步骤（最快速验证）

如果要最快拿出可演示版本，按这个顺序：

Hour 1: Project Preparation

1. Open existing "Ai Tucao" project in WeChat DevTools
2. Create new page: pages/show/index (performance page)
3. Copy Ai Tucao's workflow log component to this page

Hour 2: Static Performance Execution

1. Hardcode performance configuration for one team (5-step Cost Reduction Procurement Team)
2. Simulate step execution via setTimeout (2 seconds per step, no real AI integration)
3. Workflow animation + output placeholder display
4. Add "✅ One-click Hire" button (click jumps to static "Onboarding Success" page)

Hour 3: Conversion Pathway + Sharing

1. ROI calculator overlay (frontend-only calculation, hardcoded formula)
2. 3-step hiring onboarding form (static, data stored in localStorage)
3. Trial workspace static page (displaying "Trial Day 1")
4. Share card Canvas generation

Demonstrable after 3 hours:

Open Mini Program → Click "Digital Employee Performance" → Watch 24-second procurement team performance (simulated animation) → ROI calculator pops up → Click hire → 3-step onboarding → Enter trial workspace → Share performance card via WeChat

This suffices. Use this to demo to potential clients, gauge their response, then decide next investments.

VII. One-Sentence Summary

No architecture changes; only 5 modifications: Add performance entry on homepage, overlay workflow performance layer on 75-person experience page, ROI calculator overlay, hire→trial→conversion closed loop, performance replay sharing. 5 core teams conversion-ready in Week 1; full 75 employees + paid conversion in Week 2. Deliver static MVP in 3 hours to validate client response.

Supporting documents: Agent Performance Platform · Detailed Design v1, BossAgents Dual-Track Strategy (same directory)