住在你桌面上的二次元麦当劳店员。
不是聊天框里的问答机器人——她会呼吸、会眨眼、会转头看你,双击跳一段舞,券要过期了她比你先急。

立绘拆成头、上身、下身三层独立变换:鼠标移到哪,头转过去、身体跟上一点;放着不管 75 秒,她会打瞌睡飘出 z,你一动鼠标就惊醒。全部是真实绘制帧,不是 CSS 硬掰。
呼吸、眨眼、注视跟随、拖拽惯性、Q 弹回正
六张姿态关键帧 + 430ms 节拍器,8 拍一循环跳 3 轮
这不是在界面上加几个动画。每一条内容都来自麦当劳中国官方 MCP Server 的真实返回值——你的积分、你的券、你的奖品,都是真的。
用真实积分抽奖。调用前原样展示本次消耗,必须二次确认;积分不够就拒绝调用,绝不试抽。
奖品里有二十四节气门票,正好 24 格图鉴。点亮已有的,倒计时下一张还有几天。
从 160 条真实营养数据里挑一份喂她,按热量分轻食 / 正餐 / 大餐,看她撑到打嗝。
两道真实菜品的热量对决,差值锁在 20~220 千卡——不能靠常识蒙对。
头 / 上身 / 下身三层用 clip-path 切分、各自独立变换。呼吸挂一层、拖拽物理挂一层、注视挂各层图片——互不干扰。
水平对红帽质心、垂直对鞋底共线、尺度按 alpha 轮廓归一。不统一的话,切帧时整个人平移加缩放,看起来像信号不良。
模型输出的「透明背景」其实是画进像素的棋盘格;马尾和身体还会围出封闭口袋。这些坑都写进了 README。
需要 Node.js 18+ 和一个麦当劳 MCP Token(open.mcd.cn 免费申请)。
# 1. 克隆 git clone https://github.com/For-Chance/mcd-desk-mate.git cd mcd-desk-mate # 2. 安装依赖 npm install # 3. 填入 Token(Windows 示例) setx MCD_MCP_TOKEN "你的Token" # 4. 让麦娘上岗 npm start
想先看效果不装环境?README 里有全部真实截图与动图,以及 12 个 MCP Tool 的实测输出。