Command Palette
命令面板 (⌘K)
SaaS 与桌面效率工具的核心中枢——用 ⌘K 一键唤起，通过键盘快速检索全站并执行指令。
Live Demo
真的可以点你刚才看到的这个：Linear、Notion 或 GitHub 里按下 ⌘K 弹出的深灰居中浮窗，支持上下键选择、分类标签筛选（导航、文档、操作）并回车执行。
它到底是什么
Command Palette（命令面板）是由 Linear、VS Code、Raycast 发扬光大的现代桌面 Web/SaaS 标配。它将全局搜索、功能导航与操作快捷触发合三为一。用户无需在繁杂的多级菜单中反复寻找，只需敲击 ⌘K 或 Ctrl+K，输入几个模糊拼音或关键词，就能瞬时直达目标或直接运行动作。
Anatomy · 它由什么组成
Search Input命令搜索框
自动聚焦，带放大镜与 ESC 提示
Category Group分组列表
按页面导航、常用操作、近期记录清晰分组
Shortcut Pill快捷键微胶囊
右侧显示执行快捷键，如 ↵、⌘C
When to Use
什么时候该用 / 不该用| 情况 | 推荐 |
|---|---|
| Web/桌面端专业 SaaS 系统，功能层级多、深、复杂 | 用 |
| 面向极客、开发者或重度键盘流用户的效率产品 | 用 |
| 需要统一“页面跳转”、“数据搜索”与“快速执行命令”三合一 | 用 |
| 纯移动端小屏体验（更适合常规底部导航与顶栏搜索） | 不用 |
不要把它作为产品唯一的导航路径——普通初级用户不一定知道 ⌘K 快捷键，页面仍需要直观的点击路径。
输入内容过多时不要塞进命令面板，复杂数据录入请使用专用表单或 Modal。
Similar Patterns
别搞混Command Palette当前
命令面板 (⌘K)
SaaS 与桌面效率工具的核心中枢——用 ⌘K 一键唤起，通过键盘快速检索全站并执行指令。
Search Field
搜索框
一个专门用来找东西的输入框，通常带放大镜图标和清除按钮。
一句话区分：SaaS 与桌面效率工具的核心中枢——用 ⌘K 一键唤起，通过键盘快速检索全站并执行指令。
怎么告诉 AI
三层 Prompt补上组件名和具体内容
实现一个 Linear 风格的 Command Palette：全局监听 ⌘K / Ctrl+K 唤起，居中高质感浮窗，支持模糊搜索，按「常用动作」、「页面跳转」、「最近项目」分组展示，支持键盘上下箭头高亮与 Enter 触发。
不要只对 AI 说
Bad → Better不要这样对 AI 说
弹一个搜索弹窗。
改成这样说
实现 Command Palette 规范：居中 640px 视窗，支持 ⌘K 全局唤起、键盘上下导航、分组展示命令动作与跳转，右侧附带快捷键提示。
分享这张卡
社交平台友好把这个 Pattern 做成 3:4（小红书）或 1:1（X / Reddit）的知识卡片，在浏览器里直接导出 PNG，不需要后端。