【Hello AI 科技致善】用 SOLO 打造「星职助手」—— 心智障碍群体全链路职场辅助工具

【Hello AI 科技致善】用 SOLO 打造「星职助手」—— 心智障碍群体全链路职场辅助工具

① 摘要

面向心智障碍群体(孤独症谱系障碍、智力发育迟缓等),在工作场景下提供分步任务引导 + 情绪追踪 + AI 沟通辅助 + 成就激励的全链路职场支持工具。目前通过 45 个后端单元测试全部通过、20+ API 接口验证、15+ 前端页面功能测试验证有效。

② 真实场景与需求

目标人群

心智障碍群体,包括:

  • 孤独症谱系障碍(ASD)
  • 智力发育迟缓
  • 唐氏综合征
  • 脑瘫伴随智力障碍

痛点描述

心智障碍群体在职场中面临以下具体困难:

场景 具体困难
理解工作流程 无法一次性理解多步骤任务,容易遗漏关键步骤
执行多步任务 执行过程中容易分心、忘记下一步该做什么
职场沟通 不知道如何跟同事打招呼、请求帮助、表达感受
情绪管理 工作中遇到困难时容易焦虑、沮丧,影响工作表现
时间感知 对工作时间和休息时间缺乏概念,容易过度疲劳
成就感知 难以感知自己的进步,缺乏持续工作的动力

现有做法与不足

  • 人工辅导:依赖就业辅导员一对一指导,成本高、难持续、覆盖面有限
  • 纸质任务卡:静态、无法动态调整,缺乏反馈和激励机制
  • 通用效率工具:Notion、Todoist 等工具对心智障碍群体来说过于复杂
  • 特殊教育工具:往往带有"标签化"色彩,用户有抵触心理

③ 作品介绍

星职助手 是一款全栈 Web 应用(PWA),包含前端 15+ 个功能页面和后端 20+ 个 API 接口。

核心功能

:clipboard: 分步任务引导

将复杂工作拆解为简单步骤,逐步引导完成。支持 6 种预设任务模板(清洁工作、收银操作、文件整理、厨房帮工、快递分拣、客房服务),辅导员也可自定义模板。每完成一步自动播报鼓励语,全部完成触发星星飘落庆祝动画。

:blush: 情绪追踪记录

6 种情绪类型(开心、平静、困惑、焦虑、难过、疲惫)一键记录,Chart.js 绘制 7 天情绪趋势折线图,AI 根据情绪状态提供调节建议。支持语音日记和图片日记。

:robot: AI 沟通助手

18 句预设沟通语句覆盖 4 大场景(打招呼、工作场所、表达感受、请求帮助),支持语音播报和一键复制。AI 聊天陪伴功能提供温暖的对话支持,支持语音识别输入。

:stopwatch: 工作计时器

SVG 环形进度条 + 6 种预设时间,25 分钟工作后自动提醒休息 5 分钟(语音 + Toast + 屏幕闪烁三重提醒)。

:trophy: 成就激励系统

9 枚成就徽章 + 星星积分,完成任务获得奖励,正向激励持续进步。

:sos_button: 一键求助

紧急求助按钮(脉冲动画 + 振动反馈)+ 5 句紧急语句,关键时刻快速获得帮助。

技术架构

前端层:Vue3 CDN + Tailwind CSS + Chart.js + Web Speech API
后端层:FastAPI + SQLAlchemy + JWT + APScheduler
数据层:SQLite + localStorage(离线降级)
部署层:Docker Compose + Nginx 反向代理

安全特性

  • JWT 身份认证 + bcrypt 密码加密
  • CSP 安全头 + XSS 防护 + CSRF Token
  • SQL 注入防护(ORM 参数化查询)
  • 接口限流(登录 5 次/分钟)
  • 操作审计日志 + 数据备份机制
  • GDPR 合规(数据导出/删除)

④ 用 SOLO 实现的过程

任务拆解策略

我将整个项目拆解为 100 个开发任务,按优先级分为三个批次:

批次 任务数 内容
P0 核心必做 25 后端 API、前端页面、Docker 部署
P1 重要增强 42 安全加固、AI 集成、趣味功能
P2 锦上添花 33 文档、展示页、运维自动化

SOLO 能力使用

  1. 多轮对话迭代:通过 3 轮主要对话完成全部开发

    • 第 1 轮:P0 核心功能(后端 + 前端 + Docker)
    • 第 2 轮:P1 增强功能(安全 + AI + 前端增强)
    • 第 3 轮:P2 完善功能(文档 + 趣味功能 + 运维)
  2. 并行子任务:每轮对话中同时启动 3 个子任务并行开发

    • 后端增强组(安全 + 测试 + 缓存 + 限流)
    • 前端增强组(图表 + 签到 + 日记 + 无障碍)
    • AI 集成组(聊天 + STT + 总结 + 难度自适应)
  3. 关键 Prompt 示例

后端开发 Prompt:

在 /path/to/backend/ 目录下搭建完整的 FastAPI 后端项目。
包含:用户认证(JWT)、任务管理、情绪记录、成就系统、管理后台。
使用 SQLite + SQLAlchemy ORM,bcrypt 密码加密。

前端开发 Prompt:

创建一个完整的 Vue3 单文件应用 index.html。
面向心智障碍群体,温暖友好的视觉风格,大按钮、高对比度。
包含:登录、仪表盘、心情、任务、沟通、计时器、成就、求助、设置等页面。

AI 集成 Prompt:

创建 AI 服务层,使用规则引擎模拟 AI 能力(不依赖外部 API)。
包含:聊天陪伴、沟通语句生成、每日总结、难度自适应。
前端增加 AI 聊天界面,带打字机效果和语音识别输入。

踩过的坑

  1. 单文件应用的局限:Vue3 CDN 版本不支持 JSX 和 SFC,所有模板必须用字符串或内联模板,代码组织难度大
  2. 浏览器自动化测试browser_type 是追加模式而非替换模式,导致密码字段验证失败,需要改用 JS 注入
  3. 端口冲突:多次启动服务导致端口占用,需要先清理旧进程
  4. PIL 版本警告:Pillow 版本不匹配导致 RuntimeWarning,不影响功能但影响日志清洁度

⑤ 成果展示

20260418150805_rec_


20260418150949_rec_


项目规模

指标 数据
后端 API 接口 20+ 个
前端功能页面 15+ 个
单元测试 45 个(全部通过)
代码文件 40+ 个
文档 5 份(README + 用户手册 + 辅导员指南 + 部署指南 + API 文档)

在线体验

:warning: 主应用和管理后台的完整功能需要本地启动后端服务(cd backend && pip install -r requirements.txt && python3 main.py),前端页面在 GitHub Pages 上可独立预览 UI 和交互效果。

技术亮点

  • :white_check_mark: 零构建前端:CDN 引入,打开 HTML 即可运行
  • :white_check_mark: PWA 离线支持:Service Worker 缓存,离线环境也可使用
  • :white_check_mark: AI 零外部依赖:规则引擎实现,保护数据隐私
  • :white_check_mark: Docker 一键部署:docker-compose up 即可启动
  • :white_check_mark: 完善的安全体系:6 层安全防护
  • :white_check_mark: 无障碍设计:ARIA 标签、键盘导航、大按钮、高对比度
  • :white_check_mark: 国际化支持:中/英文切换
  • :white_check_mark: 深色模式:CSS 变量切换,保护视力

⑥ 验证方式与下一步

已完成的验证

  1. 单元测试:45 个后端测试全部通过(覆盖认证、任务、情绪三大模块)
  2. API 接口测试:20+ 个接口通过 curl 验证(注册、登录、仪表盘、情绪记录、AI 聊天等)
  3. 前端功能验证:浏览器中成功加载登录页、展示页,UI 渲染正常
  4. 安全测试:CSRF Token 生成/验证、输入清洗、限流器均通过单元测试

下一步计划

  1. AI 能力升级:接入真实 AI API(如文心一言),提升聊天陪伴和沟通语句生成的自然度
  2. 移动端适配:优化触控体验,考虑封装为微信小程序
  3. 多语言扩展:增加更多语言支持(粤语、英语等)
  4. 后端云部署:部署到 Railway/Render 等免费云平台,实现完整在线体验

:light_bulb: 本项目由 TRAE SOLO AI 辅助开发,致力于用技术的温暖力量,帮助心智障碍人士更好地融入职场,找到属于自己的位置。

:label: 标签:Hello-AI-科技致善 SOLO赛事速递
Hello-AI-科技致善

星职助手,UI渐变字样搭配挺好看

2 个赞

hhh. 宣传页 比app的页面好看感觉

1 个赞