UIai-ui-design · 个人演示

AI界面设计规范

给 AI 聊天与 Agent 前端定的界面与交互规范：设计令牌、弹簧动效参数、中文输入法守卫、流式滚动，一次定好不再返工。

下载 ZIP返回技能列表

你将获得

• 令牌结构与弹簧动效参数
• 中文输入法与流式滚动的守卫规则
• 工具确认卡、安全沙箱与验收清单

适合

• 做聊天界面、对话框、工具调用卡片
• Agent 前端的动效总觉得「AI 味很重」
• 团队要一套能直接落地的 React/Tailwind 规范

不适合

• 要整站视觉方向。用 frontend-design
• 找灵感参考站。用 ui-design-refs
• 画静态图解。用 diagram-design

关于此 Skill

你说

按这个规范做一个 AI 聊天框：流式输出不跳动，中文输入法组合中不触发发送，工具调用走确认卡。

怎么用

1. 点「复制技能」，把规范交给前端 Agent。
2. 说明要做的组件：聊天框、工具卡还是整套前端。
3. 按验收清单逐项过：动效、输入法、流式、安全。