请为这个场景设计“底部面板 (Bottom Sheet)”：在手机地图上，筛选器会从底部面板打开，可以拖动成部分显示、完全展开或关闭。外观可以少量使用“玻璃拟态 (Glassmorphism)”，操作反馈可以使用“弹簧动画 (Spring Animation)”。请沿用项目做法，使用语义正确的 HTML，让键盘可以操作、焦点清晰可见，并支持“减少动态效果”设置。
把 UI 术语变成清楚的开发需求
选择界面要做什么、长什么样和怎么移动，再复制给开发者或 AI 编程助手。
从你的真实场景开始
打开需求工作台 建立一份可以直接交给开发者的需求。
选择界面要做什么、长什么样和怎么移动，再复制一份包含各种状态、无障碍需求与完成条件的清楚说明。
请为这个场景设计“命令面板 (Command Palette)”：按下 Command-K，输入“邀请成员”，再从列表执行这个操作。外观可以少量使用“极简设计 (Minimalism)”，操作反馈可以使用“减少动态 (Reduced Motion)”。请沿用项目做法，使用语义正确的 HTML，让键盘可以操作、焦点清晰可见，并支持“减少动态效果”设置。
请为这个场景设计“表单校验 (Form Validation)”：密码不符合规则时，页面会在字段旁说明缺少什么，并让屏幕阅读器能读出两者的关系。外观可以少量使用“新粗野主义 (Neobrutalism)”，操作反馈可以使用“微交互 (Microinteraction)”。请沿用项目做法，使用语义正确的 HTML，让键盘可以操作、焦点清晰可见，并支持“减少动态效果”设置。
请为这个场景设计“检查器 (Inspector)”：选中图表后，检查器会显示坐标轴、颜色和标签设置。画布仍保持可见。外观可以少量使用“液态玻璃 (Liquid Glass)”，操作反馈可以使用“过渡 (Transition)”。请沿用项目做法，使用语义正确的 HTML，让键盘可以操作、焦点清晰可见，并支持“减少动态效果”设置。
请为这个场景设计“登录表单 (Sign-In Form)”：老顾客用邮箱和密码登录。他可以显示密码、从密码管理器粘贴，或在不离开当前流程的情况下找回账号。外观可以少量使用“瑞士国际主义风格 (Swiss Style)”，操作反馈可以使用“入场、离场与交叉淡化 (Enter, Exit & Crossfade)”。请沿用项目做法，使用语义正确的 HTML，让键盘可以操作、焦点清晰可见，并支持“减少动态效果”设置。
请为这个场景设计“空白、错误与成功状态（教学组合） (Empty, Error & Success State — Learning Bundle)”：全新的项目列表会说明如何创建第一个项目；网络失败时会显示“重试”，并保留原来的筛选条件。外观可以少量使用“黏土拟态 (Claymorphism)”，操作反馈可以使用“缓动曲线 (Easing)”。请沿用项目做法，使用语义正确的 HTML，让键盘可以操作、焦点清晰可见，并支持“减少动态效果”设置。