用途:设计与评审 POS、结账和销售录入类 Web 界面的布局、组件与交互流程,目标是让 8 岁到 80 岁的用户都能自信操作,同时所有后端动作严格走 API,不假设直接访问数据库或服务端会话状态。
主要能力:建立持久上下文(销售点、门店、价目表、日期时间、收银员);采用三级视觉层次(上下文头部、当前交易、操作与详情);触控目标最小 56×56px,主按钮 60px 高;搜索输入防抖 300ms;渐进披露,选中后才展开细节;100ms 内给出加载、成功、失败反馈;在发票号、商品搜索、支付输入等关键节点用轻微发光与弹跳动画提示新员工。支持条码枪(视为以回车结束的键盘输入,回车后按条码精确匹配并加购一件,无匹配给出非阻塞提示)。
库存展示规则:≤49 个商品默认卡片/网格视图,可切换表格并记忆偏好;>49 个商品强制仅表格视图,使用 DataTables 分页(每页 25,可选 10/25/50/100/全部)、按商品名升序、表头列搜索、整行可点击加购。
关键限制:发票头不得在页面加载或切换销售点、选择客户、新建客户、加入购物车时生成,只能在点击支付按钮时生成,避免产生孤立空发票。强制 POS 会话锁定(会话开始与关闭需主管批准、数据库层防倒填、12 小时无操作自动关闭)与顺序收据控制(每日缺口检测、作废需理由与主管批准)。需满足 WCAG 2.1 AA 对比度、可见焦点指示、标签常显、键盘可操作、不单靠颜色传达信息。
使用方式:先读 SKILL.md,再按需加载 references/ 深层文件;确认交付物类型(设计、代码、评审、迁移计划、审计或文档);按工作流与清单执行。餐厅 POS 另有专门技能 pos-restaurant-ui-standard 与规范文档。资料未提供具体安装命令、价格、平台或效果数据。