消息状态游乐场
把状态机与手机聊天预览放在一起，真实演示输入、发送、送达、失败和原消息重试。支持风景卡片收藏、可播放的本地三音符音频与本地附件副本，所有互动都留在页面内。
在线体验
交互效果示例填写消息并发送，选择失败或离线场景体验重试；左侧可加入卡片、音符与本地附件。
在新窗口预览从体验到项目
把这个效果用起来
完整包包含 Skill 说明、Python 生成器、HTML 模板、设计说明与离线预览。需要 Python 3.10+，无需额外依赖；支持自定义文字与配色、键盘操作及减少动态效果。
单独下载 SKILL.md- 下载并解压
保留
message-state-playground/文件夹，其中的SKILL.md是技能入口，scripts/ 是生成器，templates/ 是界面模板，references/ 是设计说明。preview.html 可直接用浏览器打开。 - 交给 AI 编程助手
把整个文件夹放进项目，让助手读取其中的 SKILL.md；如果你的工具支持 Skills，也可按它的方式安装。
- 说出你要的效果
制作可操作的聊天状态实验，允许切换正常、失败一次和离线场景，保留原消息重试并展示事件轨迹。
