Knowledge RAG
提交新原则设计知识库
由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。
3 条已发布原则 / 全库 192 条
Frontend Implementationupload / dropzone
文件上传状态与校验契约
上传组件不是一个虚线框,而是一套从选择、校验、上传、暂停、失败、重试到最终文件记录的状态机器;拖放只能是增强,不能替代可访问文件选择和服务端校验。
文件上传同时涉及交互、网络、隐私、安全和可访问性。健康上传体验先定义文件目的、限制、API、状态和失败恢复,再选择 react-dropzone、Uppy、FilePond、tus-js-client 或原生 input。96%Interaction Responsive Motionforms / validation表单错误状态契约
表单错误状态契约把 label、帮助文本、验证时机、内联错误、错误摘要、提交状态、服务端失败、移动键盘和 ARIA 连接放进同一个可实现模型。
表单错误不是某个红色组件,而是字段契约、状态机和恢复路径的组合;它应路由到更细的错误摘要、可访问反馈、标签持久性和事务型恢复知识。95%Interaction Responsive Motionforms / workflow表单流程与校验
表单应按用户心智顺序组织字段,并在关键节点给出可恢复反馈。
好的表单把复杂任务拆成可完成步骤,而不是把所有字段平铺给用户。82%